vue中采用axios发送post请求

Posted 2020-10-30 ~逍遥★星辰~

　　这几天在使用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请求失败的问题。