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);