前端開發時才會碰到的問題 has been blocked by CORS policy

在開發前端的時候常會在 http://localhost 的環境去連 https://stage.com/api/ ,
這時候常常就會被 chrome 的同源政策擋下來,但實際上測試機,前端檔案與 api 是相同 domain 的,這時候就可以安裝以下插件。

https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf

但如果 api 跟 js 不同 domain 的話,還是需要請後端改一下 api header 加一下白名單

範例:

header('Access-Control-Allow-Origin: *');

留言