vue中採用axios發送post請求

標籤：name   因此   catch   create   安裝   發送post請求   解決方案   npm   使用   

　　這幾天在使用vue中axios發送get請求的時候很順手，但是在發送post請求的時候老是在成功的回呼函數裡邊返回參數不存在，當時就納悶了，經過查閱資料，終於得到瞭解決方案，在此做一總結：

　　首先我們在運用npm install axios的時候就會預設安裝qs，因此我們就得將qs引入到axios中，然後需要再通過執行個體化一個新的axios,並且設定他的訊息頭為‘content-type‘: ‘application/x-www-form-urlencoded‘

 1 let qs = require(‘qs‘);  2 let instance = axios.create({ 3      headers: { ‘content-type‘: ‘application/x-www-form-urlencoded‘ } 4  }); 5 let data = qs.stringify({ 6      "user_id": this.user_id, 7      "cate_name": this.cateName 8    }); 9 instance.post("./frontend/web/cate/create", data)10     .then(res => {11        if (res.status == 200) {12          alert("添加成功！")13          this.initTableData();14        }15      })16      .catch(err => {17        console.log(err);18      });

這樣就能解決vue中利用axios發送post請求失敗的問題。

vue中採用axios發送post請求