Jon Gallant

Solution to: "Origin is not allowed by Access-Control-Allow-Origin." with AngularJS and ngResource ($resource)

1 min read
angular

I just spent way to much time trying to figure out why I kept getting this error: Screenshot

  • Origin is not allowed by Access-Control-Allow-Origin.*

Here’s the code snippet:

var resource = $resource('http://localhost:17482/api/x/:id', { id: '@id' });


```text


After a lot of digging I discovered that you need to escape the port when using $resource. [Here’s the issue thread on github](https://github.com/angular/angular.js/issues/1243)


```js


var resource = $resource('http://localhost\\:17482/api/x/:id', { id: '@id' });

Add those two slashes before the port and the error goes away.

Hope I just saved you hours of pain.

Jon

Share:
Share on X