首页 > 移动平台 > 详细

axios里的post特别大的一个坑。

时间:2017-12-07 16:28:18      阅读:470      评论:0      收藏:0      [点我收藏+]

在jQuery中,ajax请求发送post很方便的,但是在vue项目中,引入jQuery就不再适合了。

var _this = this
var data = {
    filter:‘-_id‘
}
$.ajax({
        url:‘http://localhost:3000/api/goods/get‘,
        type:‘post‘,
        data:data,
        dataType:‘json‘,
        success:function(res){
          _this.msg =res.data
        }
      )

而在axios中的post请求要非常注意两个地方:

要设置合适的请求头,一般采用x-www-form-urlencoded即可

发送的数据要序列化,特别注意啊,因为axios默认的格式是Request Payload。

axios.post(‘http://localhost:3000/api/goods/get‘,qs.stringify(data),{
        headers: {
            ‘Content-Type‘:‘application/x-www-form-urlencoded; charset=UTF-8‘
          }
      }).then(res=>{
        _this.msg = res.data
      },err =>{
        console.log(err)
      })

其中qs模块是一件封装进axios模块里了,

引入axios时同时引入qs即可。

如:

import axios from ‘axios‘
import qs from ‘qs‘

  

axios里的post特别大的一个坑。

原文:http://www.cnblogs.com/zhouxiaohouer/p/7999479.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!