Laravel 5 API和離子1（角度1）的CORS問題

Question

Angular 1和My API中的前端應用程序是基於Laravel構建的，並且位於不同的服務器中，因此請確保我將遇到跨源請求共享（CORS）問題，並且我的API將不會返回預期的結果。

我遇到了這個問題，根據一些解決方案，我在Laravel的index.php上添加了一些（以下代碼）標頭，但仍然無法解決該問題。

header（'Access-Control-Allow-Origin：*'）;

header（'Access-Control-Allow-Methods：*'）;

header（'Access-Control-Allow-Headers：*'）;

錯誤消息：在Chrome瀏覽器上，

對預檢請求的響應未通過訪問控制檢查：請求的資源上不存在“ Access-Control-Allow-Origin”標頭。 因此，不允許訪問源' http：// localhost：8100 '。

Answer 1

您不應該在index.php上手動修改標題。 Laravel可能會覆蓋標頭，此外，您無法確定何時調用header()函數（如果是偶數）。

您可以實現某種攔截器來捕獲每個請求並設置CORS標頭。 或者您可以嘗試一些類似於https://github.com/barryvdh/laravel-cors的庫

Answer 2

您的標頭僅被添加到GET / POST嗎？ 因為問題出在預檢OPTIONS請求中-您需要確保至少要為OPTIONS請求返回Access-Control-Allow-Origin響應標頭。