iT邦幫忙

2

CORS問題請益

Hi 各位大大好,我是一位正在練習React的前端新人,在使用axios POST數據的時候出現了錯誤。

https://ithelp.ithome.com.tw/upload/images/20200707/20124767nn5Cy7FIHS.png

Google了一下發現是CORS的問題,許多都說要在Header中加上'Access-Control-Allow-Origin':'*',我也嘗試了一下但似乎沒有用。

https://ithelp.ithome.com.tw/upload/images/20200707/20124767RejRY43GUt.png

由網站上的Responsese去觀看發現我的Access-Control-Allow-Origin確實有設定到"*"但是卻怎麼都沒版法把Data POST上去。
https://ithelp.ithome.com.tw/upload/images/20200707/20124767sHnxcAdjij.png

想請教版上的各位大大有沒有什麼經驗可以分享,或是有什麼資訊可以讓我參考一下,謝謝各位。

dragonH iT邦超人 5 級 ‧ 2020-07-07 21:27:22 檢舉
從後端
froce iT邦大師 1 級 ‧ 2020-07-08 09:15:12 檢舉
1. CROS要從後端送
2. 測試版你可以用*,正式版麻煩設正確...
Fandix iT邦新手 5 級 ‧ 2020-07-08 13:28:29 檢舉
無法控制到後端,那是否只能選擇換一個後端伺服器了?

1 個回答

2
浩瀚星空
iT邦超人 1 級 ‧ 2020-07-07 22:36:56

要從後端處理,不是從你的前端處理。

Fandix iT邦新手 5 級 ‧ 2020-07-08 13:27:49 檢舉

謝謝,但若無法控制到後端,那是否只能選擇換一個後端伺服器了?

控制後端??你只要從後端程式送header就好了啊??
除非後端程式不是你寫的,那就沒辦法。
只要回傳值有包含這些標頭。就可以過了。

header('Access-Control-Allow-Origin', '*')
header('Access-Control-Allow-Methods', '*')
header('Access-Control-Allow-Headers', 'Origin, Methods, Content-Type, Authorization')
header('Access-Control-Allow-Credentials', true);

不過我目前 Access-Control-Allow-Origin 是用 *
安全起見最好是放你要連結的域名。

我要發表回答

立即登入回答