vue axios 传参

2017-05-18  本文已影响0人  cooqi

自己做一个小demo,因为被人安利用axios,所以这次想用下,
其实我暂时也不知道axios比vue-resource好在哪
但是据说官方推荐的已经改为axios了
所以我们还是紧跟潮流吧

但是在做的时候,我们会发现axios POST传参的时候,后台总是接收不到,
好我们就加上
axios.defaults.headers.post['content-Type'] = 'appliction/x-www-form-urlencoded';
不报错了,但是参数格式不对
所以我们得在配置下

import Qs from 'qs' //qs一般装了axios就自带不用再装,如果没有,自己安装下
let instance=axios.create({
  baseURL: 'http://192.168.1.225:8001/app2/',//这里配置你自己的url
  timeout: 10000,
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'  //请求头
  },
  transformRequest: [function (data) {
    data = Qs.stringify(data)  //序列化参数
    return data
  }]
})

使用

  instance({
    method: method,
    url: url,
    data:data,
    params: params,
    withCredentials: false
  })
    .then(function (res) {
//
})

或者

instance.get('/longRequest'}); 

参考网址:https://www.npmjs.com/package/axios

上一篇下一篇

猜你喜欢

热点阅读