沒有“Access-Control-Allow-Origin”標頭 - Laravel

Question

XMLHttpRequest 無法加載http://myapi/api/rating 。 對預檢請求的響應未通過訪問控制檢查：請求的資源上不存在“Access-Control-Allow-Origin”標頭。 因此不允許訪問源“ http://localhost:8104 ”。 響應具有 HTTP 狀態代碼 403。

我不明白為什么我不能發出 CORS 請求。 我這里已經安裝了中間件，添加到全局http內核中，還是不行。 嘗試根據 stackoverflow 的建議創建自定義中間件，但這也沒有用。 還嘗試添加一個 Route 組。 最后，我嘗試在請求操作中手動設置響應標頭。 我真的被卡住了 - 感謝幫助！

查看代碼： https ://gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 1

XMLHttpRequest無法加載http：// myapi / api / rating 。 對預檢請求的響應未通過訪問控制檢查：在所請求的資源上不存在“ Access-Control-Allow-Origin”標頭。 因此，不允許訪問源“ http：// localhost：8104 ”。 響應的HTTP狀態碼為403。

我不知道為什么我不能提出CORS請求。 我已經在此處安裝了中間件，並將其添加到了全局http內核中，但仍然無法正常工作。 嘗試創建給定stackoverflow建議的自定義中間件，但這也行不通。 還嘗試添加路由組。 最后，我嘗試在請求操作中手動設置響應頭。 我真的很困-感謝您的幫助！

參見代碼： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 2

XMLHttpRequest無法加載http：// myapi / api / rating 。 對預檢請求的響應未通過訪問控制檢查：在所請求的資源上不存在“ Access-Control-Allow-Origin”標頭。 因此，不允許訪問源“ http：// localhost：8104 ”。 響應的HTTP狀態碼為403。

我不知道為什么我不能提出CORS請求。 我已經在此處安裝了中間件，並將其添加到了全局http內核中，但仍然無法正常工作。 嘗試創建給定stackoverflow建議的自定義中間件，但這也行不通。 還嘗試添加路由組。 最后，我嘗試在請求操作中手動設置響應頭。 我真的很困-感謝您的幫助！

參見代碼： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 3

XMLHttpRequest無法加載http：// myapi / api / rating 。 對預檢請求的響應未通過訪問控制檢查：在所請求的資源上不存在“ Access-Control-Allow-Origin”標頭。 因此，不允許訪問源“ http：// localhost：8104 ”。 響應的HTTP狀態碼為403。

我不知道為什么我不能提出CORS請求。 我已經在此處安裝了中間件，並將其添加到了全局http內核中，但仍然無法正常工作。 嘗試創建給定stackoverflow建議的自定義中間件，但這也行不通。 還嘗試添加路由組。 最后，我嘗試在請求操作中手動設置響應頭。 我真的很困-感謝您的幫助！

參見代碼： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 4

XMLHttpRequest無法加載http：// myapi / api / rating 。 對預檢請求的響應未通過訪問控制檢查：在所請求的資源上不存在“ Access-Control-Allow-Origin”標頭。 因此，不允許訪問源“ http：// localhost：8104 ”。 響應的HTTP狀態碼為403。

我不知道為什么我不能提出CORS請求。 我已經在此處安裝了中間件，並將其添加到了全局http內核中，但仍然無法正常工作。 嘗試創建給定stackoverflow建議的自定義中間件，但這也行不通。 還嘗試添加路由組。 最后，我嘗試在請求操作中手動設置響應頭。 我真的很困-感謝您的幫助！

參見代碼： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 5

XMLHttpRequest無法加載http：// myapi / api / rating 。 對預檢請求的響應未通過訪問控制檢查：在所請求的資源上不存在“ Access-Control-Allow-Origin”標頭。 因此，不允許訪問源“ http：// localhost：8104 ”。 響應的HTTP狀態碼為403。

我不知道為什么我不能提出CORS請求。 我已經在此處安裝了中間件，並將其添加到了全局http內核中，但仍然無法正常工作。 嘗試創建給定stackoverflow建議的自定義中間件，但這也行不通。 還嘗試添加路由組。 最后，我嘗試在請求操作中手動設置響應頭。 我真的很困-感謝您的幫助！

參見代碼： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 6

XMLHttpRequest無法加載http：// myapi / api / rating 。 對預檢請求的響應未通過訪問控制檢查：在所請求的資源上不存在“ Access-Control-Allow-Origin”標頭。 因此，不允許訪問源“ http：// localhost：8104 ”。 響應的HTTP狀態碼為403。

我不知道為什么我不能提出CORS請求。 我已經在此處安裝了中間件，並將其添加到了全局http內核中，但仍然無法正常工作。 嘗試創建給定stackoverflow建議的自定義中間件，但這也行不通。 還嘗試添加路由組。 最后，我嘗試在請求操作中手動設置響應頭。 我真的很困-感謝您的幫助！

參見代碼： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 7

在我的例子中，我運行了更新以將 Laravel 從 v7.x 移動到 v9.x 並導致本地主機 API 訪問 CORS 錯誤。

如果以上都不適合您，我將我的問題追溯到 TrustProxies 中間件中的 $headers 變量。

這個變量的原始值是 Request::HEADER_X_FORWARDED_ALL；

將其更新到下面后，它又恢復了生機。

請求::HEADER_X_FORWARDED_FOR | 請求::HEADER_X_FORWARDED_HOST | 請求::HEADER_X_FORWARDED_PORT | 請求::HEADER_X_FORWARDED_PROTO | 請求::HEADER_X_FORWARDED_AWS_ELB;

請參閱https://laravel.com/docs/9.x/upgrade和可信代理部分以供參考。

這對我來說意味着，閱讀整個升級文檔，即使您認為元素不適用於您的項目......

Answer 8

XMLHttpRequest無法加載http：// myapi / api / rating 。 對預檢請求的響應未通過訪問控制檢查：在所請求的資源上不存在“ Access-Control-Allow-Origin”標頭。 因此，不允許訪問源“ http：// localhost：8104 ”。 響應的HTTP狀態碼為403。

我不知道為什么我不能提出CORS請求。 我已經在此處安裝了中間件，並將其添加到了全局http內核中，但仍然無法正常工作。 嘗試創建給定stackoverflow建議的自定義中間件，但這也行不通。 還嘗試添加路由組。 最后，我嘗試在請求操作中手動設置響應頭。 我真的很困-感謝您的幫助！

參見代碼： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 9

XMLHttpRequest無法加載http：// myapi / api / rating 。 對預檢請求的響應未通過訪問控制檢查：在所請求的資源上不存在“ Access-Control-Allow-Origin”標頭。 因此，不允許訪問源“ http：// localhost：8104 ”。 響應的HTTP狀態碼為403。

我不知道為什么我不能提出CORS請求。 我已經在此處安裝了中間件，並將其添加到了全局http內核中，但仍然無法正常工作。 嘗試創建給定stackoverflow建議的自定義中間件，但這也行不通。 還嘗試添加路由組。 最后，我嘗試在請求操作中手動設置響應頭。 我真的很困-感謝您的幫助！

參見代碼： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 10

XMLHttpRequest無法加載http：// myapi / api / rating 。 對預檢請求的響應未通過訪問控制檢查：在所請求的資源上不存在“ Access-Control-Allow-Origin”標頭。 因此，不允許訪問源“ http：// localhost：8104 ”。 響應的HTTP狀態碼為403。

我不知道為什么我不能提出CORS請求。 我已經在此處安裝了中間件，並將其添加到了全局http內核中，但仍然無法正常工作。 嘗試創建給定stackoverflow建議的自定義中間件，但這也行不通。 還嘗試添加路由組。 最后，我嘗試在請求操作中手動設置響應頭。 我真的很困-感謝您的幫助！

參見代碼： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 11

XMLHttpRequest無法加載http：// myapi / api / rating 。 對預檢請求的響應未通過訪問控制檢查：在所請求的資源上不存在“ Access-Control-Allow-Origin”標頭。 因此，不允許訪問源“ http：// localhost：8104 ”。 響應的HTTP狀態碼為403。

我不知道為什么我不能提出CORS請求。 我已經在此處安裝了中間件，並將其添加到了全局http內核中，但仍然無法正常工作。 嘗試創建給定stackoverflow建議的自定義中間件，但這也行不通。 還嘗試添加路由組。 最后，我嘗試在請求操作中手動設置響應頭。 我真的很困-感謝您的幫助！

參見代碼： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 12

XMLHttpRequest無法加載http：// myapi / api / rating 。 對預檢請求的響應未通過訪問控制檢查：在所請求的資源上不存在“ Access-Control-Allow-Origin”標頭。 因此，不允許訪問源“ http：// localhost：8104 ”。 響應的HTTP狀態碼為403。

我不知道為什么我不能提出CORS請求。 我已經在此處安裝了中間件，並將其添加到了全局http內核中，但仍然無法正常工作。 嘗試創建給定stackoverflow建議的自定義中間件，但這也行不通。 還嘗試添加路由組。 最后，我嘗試在請求操作中手動設置響應頭。 我真的很困-感謝您的幫助！

參見代碼： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 13

只需添加這個就可以了

header('Access-Control-Allow-Origin:  *');
header('Access-Control-Allow-Origin:  http://localhost:3000');
header('Access-Control-Allow-Headers:  Content-Type, X-Auth-Token, Authorization, 
Origin');
header('Access-Control-Allow-Methods:  POST, PUT');