儘管標頭配置正確，為什麼我的本地主機 CORS 請求仍失敗？

解決localhost 的CORS 起源問題

儘管在Nginx/Node.js 伺服器上設定了適當的標頭來啟用CORS，但您仍然遇到從本機主機向不同來源發出請求時發生錯誤。此錯誤訊息表示設定為 http://localhost 的 Access-Control-Allow-Origin 標頭被拒絕。

Chrome 的限制

問題出在 Chrome 本身。 Chrome 不支援 localhost 作為 CORS 請求的允許來源。此行為是由於 2014 年標記為 WontFix 的長期錯誤造成的。

解決方法

• 使用不同的網域：使用像localho.st 這樣的網域，而不是http://localhost ，它解析為相同的IP位址(127.0.0.1).
• 停用網路安全：出於測試目的，您可以透過使用--disable-web-security 標誌啟動Chrome 來暫時停用Chrome 的網路安全功能。

額外注意事項

• 確保您在客戶端腳本中存取正確的來源。
• 檢查瀏覽器的「同源策略」是否不會透過阻止請求來幹擾.
• 如果問題仍然存在，請考慮檢查伺服器日誌或使用網路偵錯工具來識別任何其他錯誤或差異。

以上是儘管標頭配置正確，為什麼我的本地主機 CORS 請求仍失敗？的詳細內容。更多資訊請關注PHP中文網其他相關文章！