vue+axios中的get请求传参，post请求头（form/json）不一样的传参的处理

 

<script>需要引入
import axios from 'axios'
import Qs from 'qs'（如果只是get请求就不需要引qs）
1.正常get请求：
     var params = {
        pageindex: _this.currentPage1-1,
        pagesize: _this.curPageSize1,
      }
      axios.get( "你请求的接口地址",
        params
      )
      .then(function(res){
          _this.loading = false;
        _this.tableData = res.data.body.data.enterprise;
        _this.tableDataLength1 = res.data.body.data.total;
      })
      .catch(function (error) {
       console.log(error);
    });
    
2.post的form请求头的请求处理：

    let data = {
       'photo': url,
        'gender':gender,
        'source':"打零工APP",
        'wx_photo':"",
        'wx_nickname':""
    }
    axios({
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
        },
        method: 'post',
        url: '你请求的接口地址',
        data: Qs.stringify(data)
    })
    .then(function (response) {
        console.log(response.data.status);
          if(response.data.status == 200){
            _self.$router.push({path: '/result'});
          }
        
    })
    .catch(function (error) {
        console.log(error);
    });
    
3.post的json请求头的请求处理：

    let datas = {
      'isCms':"yes",
      page_num: _this.currentPage1-1,
          num_page_each: _this.curPageSize1,
    }
    axios({
        headers: {
            'Content-Type': 'application/json;'
        },
        method: 'post',
        transformRequest: [function (data) {
            // 对 data 进行任意转换处理
            return JSON.stringify(datas)
        }],
        url: '你请求的接口地址',
        params: datas
    })
       .then(function(res){
         _this.loading = false;
         _this.tableData3 = res.data.body.data.result.users;
         _this.tableDataLength1 = res.data.body.data.result.total;
        })
       .catch(function (error) {
       console.log(error);
        });

作者：weixin_39701533 
来源：优快云 
原文：https://blog.youkuaiyun.com/weixin_39701533/article/details/83744448 
版权声明：本文为博主原创文章，转载请附上博文链接！