如何在MEAN STACK网络应用中启用CORS？

Question

我正在使用节点的Mean-cli packgae开发MEAN-STACK应用程序。在其中我使用Darksky Weather
API（程序包名称Information）中。我在平均值应用程序的自定义文件夹中还有其他4个软件包。我如何启用CORS，以便所有API请求均不会失败并返回响应。

我用谷歌搜索，发现我必须添加这个中间件。

 //CORS middleware
var allowCrossDomain = function(req, res, next) {
    res.header('Access-Control-Allow-Origin', 'example.com');
    res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
    res.header('Access-Control-Allow-Headers', 'Content-Type');
    next();
}

我应该在哪里添加。在我们使用跨域请求的每个包中或在某些全局文件中。

我试图在服务器路由文件？中添加此中间件？信息包和confile的express.js文件中，但是没有用。

Answer 1

因此，解决您的问题的实际解决方案是将jsonp回调函数与Forecast.io api
一起使用，因为它们尚未为客户端访问启用CORS标头。使用$http.jsonp这样的

$http.jsonp(url + lat + ',' + lng + '?callback=JSON_CALLBACK');

通常，要在您的expressjs服务器上启用CORS，请执行以下操作。

1. 安装cors模块以进行快递npm install cors
2. 要求它 var cors = require('cors');
3. 在您的Express应用实例上设置 app.use(cors());

cors模块将在响应中自动添加所有与aor相关的标头。或者，您也可以配置很多选项。查看官方文档

要么

如果您想自己做，可以执行以下操作

var permitCrossDomainRequests = function(req, res, next) {
res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
res.header('Access-Control-Allow-Headers', 'Content-Type');
// some browsers send a pre-flight OPTIONS request to check if CORS is enabled so you have to also respond to that
if ('OPTIONS' === req.method) {
  res.send(200);
}
else {
  next();
}
};

然后启用您的CORS中间件

app.use(permitCrossDomainRequests);

最后启用路由

app.use(app.router);