美文网首页
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

相关文章

  • 2018-09-26传参 和axion

    传参 axios 下载:npm install axios版本1.0:vue-resource2.0:axios(...

  • 路由

    传参 axios 下载:npm install axios版本1.0:vue-resource2.0:axios(...

  • Vue脚手架下axios POST传参序列化方法

    Vue工程化项目下axios POST传参序列化方法 axios默认POST传参方式为Query String P...

  • Vue post请求的坑

    本文使用的是vue的Axios的请求方式 axios的get请求传参方法正常,但是post得请求方法传参一直报40...

  • 路由的传参 axios

    1,路由的传参:案例: 2,axios下载:npm install vue-router路由的传参:1.查询字符串...

  • vue axios 传参

    自己做一个小demo,因为被人安利用axios,所以这次想用下,其实我暂时也不知道axios比vue-resour...

  • 31.vue传参

    1.vue传参 vue传参使用路由传参params,query,或者使用vuex,localStorage,vue...

  • vue-router

    1. vue-router query 和 params 传参 params 传参: 总结: 用params传参只...

  • vue - 路由带参跳转

    vue路由传参按照传参方式可划分为params传参和query传参; params传参分为在url中显示和影藏参数...

  • vue-router总结

    1、通过 :to 传参 2、通过URL传参 router/index.js App.vue Hi.vue 重定向 ...

网友评论

      本文标题:vue axios 传参

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