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


本篇文章小編給大家分享一下在Vue中使用axios POST請求變成OPTIONS的問題解決方法,文章介紹的很詳細,小編覺得挺不錯的,現在分享給大家供大家參考,有需要的小伙伴們可以來看看。

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預請求。

轉載 :http://www.111com.net/jsp/189098.htm

 

 

-------------------------------------自己項目------------------------------------------------------------

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM