iT邦幫忙

0

axios加入headers還是發生CORS狀況

  • 分享至 

  • xImage
  •  

各位好~
小妹我是一名剛入門工程師幾個月的初學者,也是第一次發文,
爬了很多文但實在是無法解決,只好請教各位大神了QQ

我想要使用axios撈出我自己寫的API
但會遇到CORS的問題,我在axios裡面有寫入了:

https://ithelp.ithome.com.tw/upload/images/20220511/20148909I1iin19QKk.jpg

但還是無法成功讀取api資料

https://ithelp.ithome.com.tw/upload/images/20220511/20148909743OrM5Xa1.jpg

後面爬其他文章有人說可能是後端的問題,但我實在是不知道該從哪邊下手...
想請教各位程式大能遇到這問題會怎麼解決?


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0

解決的方式,就是去對的地方問。
你跑錯地方了。

淺水員 iT邦大師 6 級 ‧ 2022-05-12 16:11:41 檢舉

幫補充:請點「發問」而不是「發文」
這樣才會出現在「技術問答」而不是「技術文章」

原來是這樣!謝謝~

0
janlin002
iT邦好手 1 級 ‧ 2022-05-12 10:40:59

https://blog.huli.tw/2021/02/19/cors-guide-2/
這篇文章有說明一些解決方法,給你參考
p.s 問問題應該是去技術問答區,不然大家會看不到你的問題

謝謝~我後來發現前端寫完這段後,在後端也要設定

0
greenriver
iT邦研究生 4 級 ‧ 2022-05-13 08:27:30

問問題,要到技術問答去提問,
其他大大才會替你解答喔。

後端如果是PHP,就是需在程式碼上方,加入以下三行

<?php
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS');
header('Access-Control-Allow-Headers: X-Requested-With, Content-Type, Accept');

不過記得不同版本的php,寫法會有差異。
這個是php 5.6版本的。

我有看到直接在前端用代理伺服器的方法,後端就不用修改?
不過我還在研究中。

謝謝~我後來在後端加上設定後就通過了!

我要留言

立即登入留言