解決在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. 怎樣才能用js生成xmldom對象,并且在firefox中也實現(xiàn)xml數(shù)據(jù)島?2. XML入門的常見問題(二)3. .NET SkiaSharp 生成二維碼驗證碼及指定區(qū)域截取方法實現(xiàn)4. 小技巧處理div內(nèi)容溢出5. ASP刪除img標(biāo)簽的style屬性只保留src的正則函數(shù)6. JavaScrip簡單數(shù)據(jù)類型隱式轉(zhuǎn)換的實現(xiàn)7. PHP字符串前后字符或空格刪除方法介紹8. ASP動態(tài)網(wǎng)頁制作技術(shù)經(jīng)驗分享9. 得到XML文檔大小的方法10. 解析原生JS getComputedStyle
