1. 程式人生 > 程式設計 >解決在Vue中使用axios POST請求變成OPTIONS的問題

解決在Vue中使用axios POST請求變成OPTIONS的問題

POST請求變成OPTIONS

解決在Vue中使用axios POST請求變成OPTIONS的問題

及報錯資訊(跨域)

解決在Vue中使用axios POST請求變成OPTIONS的問題

主要解決方案:使用qs.stringify

1、安裝qs

npm install qs --save

2、axios配置和使用

在介面請求頁面引入安裝好的qs,如下圖:

解決在Vue中使用axios POST請求變成OPTIONS的問題

引入完成之後使用qs改變傳遞的引數data,如下:

解決在Vue中使用axios POST請求變成OPTIONS的問題

這樣就可以了,post請求的時候就不會再出現OPTIONS了

解決在Vue中使用axios 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的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。