码迷,mamicode.com
首页 > 移动开发 > 详细

vue中采用axios发送post请求

时间:2018-04-08 11:29:55      阅读:9892      评论:0      收藏:0      [点我收藏+]

标签: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请求

标签:name   因此   catch   create   安装   发送post请求   解决方案   npm   使用   

原文地址:https://www.cnblogs.com/xiaoyaoxingchen/p/8743781.html

(4)
(2)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!