使用vue2+Axios遇到的一些坑

lykops 發布于2019-08-23 14:35 / 1872人閱讀

摘要：結果是發送原有的請求后臺說不闊以。結果是報錯解決方法設置的默認請求頭使用模塊可以不設置，模塊會自己設置。設置之后，后臺不認這個數據格式，所以在傳遞的時候必須先把數據轉換格式在中，引入模塊需要時調用方法

1. 向服務器請求兩次的情況

（1）axios的默認請求頭是Content-Type: application/json，使用這個請求頭會出現向服務器請求兩次的情況；
（2）瀏覽器會首先使用 OPTIONS 方法發起一個預請求，判斷接口是否能夠正常通訊，如果不能就不會發送真正的請求過來，
   如果測試通訊正常，則開始真正的請求；

瀏覽器對后臺說：我可以請求你嗎？ (￣ˇ￣)　
后臺說：闊以。(￣▽￣)~*
結果是：發送原有的GET(POST)請求
后臺說：不闊以。(‵﹏′)
結果是：報錯

（3）解決方法：設置axios的默認請求頭axios.defaults.headers["Content-Type"] = "application/x-www-form-urlencoded"（使用qs模塊可以不設置，qs模塊會自己設置。）；
（4）設置之后，后臺不認這個數據格式，所以在傳遞的時候必須先把數據轉換格式；

// step1. npm install qs
// step2. 在main.js中，引入qs模塊
import qs from "qs";
// 需要時調用qs.stringify()方法
this.$axios.post("api/login", qs.stringify({ 
    name: "xxx", 
    password: "********" 
}).then(res => {
    
}).catch(err => {

});

云服務器 GPU云服務器配置阿里云window服務器的一些坑使用遇到問題 fetch和axios的區別布局遇到的問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/100835.html

2017年2月份前端資源分享

平日學習接觸過的網站積累，以每月的形式發布。2017年以前看這個網址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼十大經典排序算法(帶動圖演示) 為什么知乎前端圈普遍認為H5游戲和H5展示的JSer 個人整理和封裝的YU.js庫|中文詳細注釋|供新手學習使用擴展JavaScript語法記錄 - 掉坑初期工具漢字拼音轉換...

lily_wang 2019-06-27 16:28 評論0 收藏0
2017年2月份前端資源分享

平日學習接觸過的網站積累，以每月的形式發布。2017年以前看這個網址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼十大經典排序算法(帶動圖演示) 為什么知乎前端圈普遍認為H5游戲和H5展示的JSer 個人整理和封裝的YU.js庫|中文詳細注釋|供新手學習使用擴展JavaScript語法記錄 - 掉坑初期工具漢字拼音轉換...

chengjianhua 2019-08-29 12:35 評論0 收藏0
2017年2月份前端資源分享

平日學習接觸過的網站積累，以每月的形式發布。2017年以前看這個網址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼十大經典排序算法(帶動圖演示) 為什么知乎前端圈普遍認為H5游戲和H5展示的JSer 個人整理和封裝的YU.js庫|中文詳細注釋|供新手學習使用擴展JavaScript語法記錄 - 掉坑初期工具漢字拼音轉換...

Anonymous1 2019-08-20 16:31 評論0 收藏0
2017年2月份前端資源分享

平日學習接觸過的網站積累，以每月的形式發布。2017年以前看這個網址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼十大經典排序算法(帶動圖演示) 為什么知乎前端圈普遍認為H5游戲和H5展示的JSer 個人整理和封裝的YU.js庫|中文詳細注釋|供新手學習使用擴展JavaScript語法記錄 - 掉坑初期工具漢字拼音轉換...

dreamtecher 2019-08-01 16:51 評論0 收藏0
Vue2學習小記-給Vue2路由導航鉤子和axios攔截器做個封裝

摘要：寫在前面最近在學習，遇到有些頁面請求數據需要用戶登錄權限服務器響應不符預期的問題，但是總不能每個頁面都做單獨處理吧，于是想到提供了攔截器這個好東西，再于是就出現了本文。 1.寫在前面最近在學習Vue2，遇到有些頁面請求數據需要用戶登錄權限、服務器響應不符預期的問題，但是總不能每個頁面都做單獨處理吧，于是想到axios提供了攔截器這個好東西，再于是就出現了本文。 2.具體需求用戶鑒...

Tikitoo 2019-08-22 14:01 評論0 收藏0