Ionic Error Fetching Local API

Question

I'm currently developing an Ionic App that fetches from an external API. Because this API is also developed by myself, everything is local. The API returns a JSON array.

My current controller looks like following:

app.controller('ListController', ['$scope', '$http', function($scope, $http){
       $http.get('http://localhost:8080/api/getPoi/merzouga').success(function(data){
       $scope.pois = data;
   });
}]);

The problem is that when I try to load this into my view I get the following error:

XMLHttpRequest cannot load http://localhost:8080/api/getPoi/merzouga. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access.

I don't know if it is relevant, but Ionic is being served on port 8100 and the API on 8080.

Any idea on how can I test this locally?

Prashant G · Accepted Answer · 2016-07-04 21:57:58Z

1

Install and enable CORS plugin in your browser.

answered Jul 4, 2016 at 21:57

Prashant G

4,9303 gold badges38 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user6549300 · Accepted Answer · 2016-07-05 00:42:20Z

1

The browser is telling you how to solve the problem. Since you have the API in a different port, you need to send the "Access-Control-Allow-Origin" header along with your response (server-side). Supposing you are using Express, it'll be like this:

res.header('Access-Control-Allow-Headers', 'Content-Type');
res.header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');
res.header('Access-Control-Allow-Origin', '*');

Or even better, you can just use a middleware for that: https://www.npmjs.com/package/cors

answered Jul 5, 2016 at 0:42

user6549300

1845 bronze badges

Collectives™ on Stack Overflow

Ionic Error Fetching Local API

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related