AngularJS CORS問題在Chrome - 無「訪問控制允許來源」標頭出現在所請求的資源

Question

我做點運動與AngularJS熟悉自己，我有我的應用程序上運行http://127.0.0.1:9000/我執行後必要的咕task任務。現在我想寫/自學如何允許授權/認證請求（基本上是一個登錄表單）。我有一個獨立的項目，有一個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 /節點工程包括我從https://www.npmjs.org/package/cors的CORS中間件和我已經啓用CORS所有請求，我已包括像這樣的庫：

cors = require('cors') 

然後......

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

當我測試使用Websore REST工具d的API ATA我的願望是但試圖retured訪問，這是我的AngularJS應用程序中的瀏覽器的JavaScript控制檯給我下面的錯誤時：

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

有什麼我已經與AngularJS建立CORS錯過了什麼？提前致謝。

Answer 1

呼，我似乎已經固定的......在我的應用程序，我需要把要求按以下順序：

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

的app.use(cors());必須拿出前app.use(app.router);