美文网首页
vue axios 传参

vue axios 传参

作者: cooqi | 来源:发表于2017-05-18 10:30 被阅读0次

    自己做一个小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

    相关文章

      网友评论

          本文标题:vue axios 传参

          本文链接:https://www.haomeiwen.com/subject/gsfsxxtx.html