Question

我正在开发一个ionic应用程序，试图访问MEAN.JS应用程序的API，如下所示是编码JSON的链接

https://damp-dawn-2579.herokuapp.com/api/foods

我的应用程序的工厂服务访问上述链接但出现错误

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

工厂服务

.factory('Foods', ['$resource',
  function($resource) {
    return $resource('https://damp-dawn-2579.herokuapp.com/api/foods/:foodId', { foodId: '@_id'
    }, {
      update: {
        method: 'PUT'
      }
    });
  }
])

我如何克服这一点？谢谢

Answer 1

在节点

中启用交叉请求

app.all('/', function(req, res, next) 
{
      res.header("Access-Control-Allow-Origin", "*");
      res.header("Access-Control-Allow-Headers", "X-Requested-With");
      next();
});

Answer 2

此错误的简单解决方案是在Google Chrome上添加 Allow-Control-Allow-Origin：扩展程序。

plugin link

XMLHttpRequest无法通过IONIC app

2 个答案: