解決在Vue中使用axios POST請求變成OPTIONS的問題
阿新 • • 發佈:2020-08-17
POST請求變成OPTIONS
及報錯資訊(跨域)
主要解決方案:使用qs.stringify
1、安裝qs
npm install qs --save
2、axios配置和使用
在介面請求頁面引入安裝好的qs,如下圖:
引入完成之後使用qs改變傳遞的引數data,如下:
這樣就可以了,post請求的時候就不會再出現OPTIONS了
補充知識:axios發起請求,為什麼先發送options請求,再發送get/post請求
引起原因
1,跨域;
2,請求頭非預設情況。
預設請求頭如下
Accept
Accept-Language
Content-Language
Last-Event-ID
Content-Type:只限於三個值application/x-www-form-urlencoded、multipart/form-data、text/plain
通常情況下,會將content-Type:application/json;
axios中content-Type預設是application/json;所以在使用axios跨域發請求時,會觸發options預請求。
以上這篇解決在Vue中使用axios POST請求變成OPTIONS的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。