Chrome中的AngularJS CORS问题-所请求的资源上没有“ Access-Control-Allow-Origin”标头

Question

我正在做一些练习以熟悉AngularJS，并在执行必要的grunt任务后在http://127.0.0.1:9000/运行我的应用程序。 现在，我想写/教自己如何允许一个授权/身份验证请求（基本上是一个登录表单）。 我有一个具有REST API的单独项目，该项目在http://127.0.0.1:3000/上运行-请注意端口号的不同。 该练习托管在我的本地计算机上，因此我希望使用CORS进行请求，因为浏览器限制不是问题，并且该应用是出于我的娱乐目的。 在我的angularJS应用中，我在config包含以下代码以允许CORS请求：

// set up CORS...
$httpProvider.defaults.useXDomain = true;
delete $httpProvider.defaults.headers.common['X-Requested-With'];

在我的Rest API / Node项目中，我包括可从https://www.npmjs.org/package/cors获得的CORS中间件，并且已为所有请求启用了CORS，我包括了这样的库：

cors = require('cors')

接着...

app.use(cors()); // this is in my app.configure

当我使用Websore REST工具测试API时，我想要的数据将被重新记录，但是当尝试访问它是我的AngularJS应用时，Chrome JavaScript控制台给我以下错误：

No 'Access-Control-Allow-Origin' header is present on the requested resource

我为AngularJS设置CORS有什么想念的吗？ 提前致谢。

Answer 1

ew，我似乎已经修复了...在我的应用中，我需要按以下顺序排列需求：

app.use(cors());
app.use(app.router);

app.use(cors()); 必须在app.use(app.router);之前出现app.use(app.router);