解決在Vue中使用axios POST請求變成OPTIONS的問題
POST請求變成OPTIONS
及報錯信息(跨域)
主要解決方案:使用qs.stringify
1、安裝qs
npm install qs --save
2、axios配置和使用
在接口請求頁面引入安裝好的qs,如下圖:
引入完成之后使用qs改變傳遞的參數(shù)data,如下:
這樣就可以了,post請求的時候就不會再出現(xiàn)OPTIONS了
補充知識:axios發(fā)起請求,為什么先發(fā)送options請求,再發(fā)送get/post請求
引起原因
1,跨域;
2,請求頭非默認情況。
默認請求頭如下
AcceptAccept-LanguageContent-LanguageLast-Event-ID
Content-Type:只限于三個值application/x-www-form-urlencoded、multipart/form-data、text/plain
通常情況下,會將content-Type:application/json;
axios中content-Type默認是application/json;所以在使用axios跨域發(fā)請求時,會觸發(fā)options預(yù)請求。
以上這篇解決在Vue中使用axios POST請求變成OPTIONS的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. React+umi+typeScript創(chuàng)建項目的過程2. ASP中常用的22個FSO文件操作函數(shù)整理3. 解決ASP中http狀態(tài)跳轉(zhuǎn)返回錯誤頁的問題4. ASP調(diào)用WebService轉(zhuǎn)化成JSON數(shù)據(jù),附j(luò)son.min.asp5. 三個不常見的 HTML5 實用新特性簡介6. ASP編碼必備的8條原則7. SharePoint Server 2019新特性介紹8. 無線標記語言(WML)基礎(chǔ)之WMLScript 基礎(chǔ)第1/2頁9. ASP.NET Core 5.0中的Host.CreateDefaultBuilder執(zhí)行過程解析10. Warning: require(): open_basedir restriction in effect,目錄配置open_basedir報錯問題分析
