文章詳情頁
解決在Vue中使用axios POST請求變成OPTIONS的問題
瀏覽:151日期:2022-12-06 15:33:23
POST請求變成OPTIONS
及報錯信息(跨域)
主要解決方案:使用qs.stringify
1、安裝qs
npm install qs --save
2、axios配置和使用
在接口請求頁面引入安裝好的qs,如下圖:
引入完成之后使用qs改變傳遞的參數data,如下:
這樣就可以了,post請求的時候就不會再出現OPTIONS了
補充知識:axios發起請求,為什么先發送options請求,再發送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跨域發請求時,會觸發options預請求。
以上這篇解決在Vue中使用axios POST請求變成OPTIONS的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。
標簽:
IOS
相關文章:
1. javascript設計模式 ? 建造者模式原理與應用實例分析2. Docker 部署 Prometheus的安裝詳細教程3. Ajax引擎 ajax請求步驟詳細代碼4. IntelliJ IDEA設置條件斷點的方法步驟5. JavaScript Tab菜單實現過程解析6. ThinkPHP5 通過ajax插入圖片并實時顯示(完整代碼)7. Python使用oslo.vmware管理ESXI虛擬機的示例參考8. express框架+bootstrap美化ejs模板實例分析9. javascript xml xsl取值及數據修改第1/2頁10. ASP中實現字符部位類似.NET里String對象的PadLeft和PadRight函數
排行榜
