成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

使用vue2+Axios遇到的一些坑

lykops / 1882人閱讀

摘要:結(jié)果是發(fā)送原有的請求后臺說不闊以。結(jié)果是報錯解決方法設(shè)置的默認請求頭使用模塊可以不設(shè)置,模塊會自己設(shè)置。設(shè)置之后,后臺不認這個數(shù)據(jù)格式,所以在傳遞的時候必須先把數(shù)據(jù)轉(zhuǎn)換格式在中,引入模塊需要時調(diào)用方法

1. 向服務(wù)器請求兩次的情況

(1)axios的默認請求頭是Content-Type: application/json,使用這個請求頭會出現(xiàn)向服務(wù)器請求兩次的情況;
(2)瀏覽器會首先使用 OPTIONS 方法發(fā)起一個預請求,判斷接口是否能夠正常通訊,如果不能就不會發(fā)送真正的請求過來,
如果測試通訊正常,則開始真正的請求;
瀏覽器對后臺說:我可以請求你嗎? ( ̄ˇ ̄) 
后臺說:闊以。( ̄▽ ̄)~*
結(jié)果是:發(fā)送原有的GET(POST)請求
后臺說:不闊以。(‵﹏′)
結(jié)果是:報錯

(3)解決方法:設(shè)置axios的默認請求頭axios.defaults.headers["Content-Type"] = "application/x-www-form-urlencoded"(使用qs模塊可以不設(shè)置,qs模塊會自己設(shè)置。);
(4)設(shè)置之后,后臺不認這個數(shù)據(jù)格式,所以在傳遞的時候必須先把數(shù)據(jù)轉(zhuǎn)換格式;
// step1. npm install qs
// step2. 在main.js中,引入qs模塊
import qs from "qs";
// 需要時調(diào)用qs.stringify()方法
this.$axios.post("api/login", qs.stringify({ 
    name: "xxx", 
    password: "********" 
}).then(res => {
    
}).catch(err => {

});

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/100835.html

相關(guān)文章

  • 2017年2月份前端資源分享

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

    lily_wang 評論0 收藏0
  • 2017年2月份前端資源分享

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

    chengjianhua 評論0 收藏0
  • 2017年2月份前端資源分享

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

    Anonymous1 評論0 收藏0
  • 2017年2月份前端資源分享

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

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

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

    Tikitoo 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<