这次给大家带来在vue里使用post请求（附代码），在vue里使用post请求的注意事项有哪些，下面就是实战案例，一起来看一下。
vue开发过程中，总会碰到一些问题，当然任何问题都不能阻止我们前进的脚步，话不多说，下面是我在开发过程中请求参数所碰到的问题
1，在暂时没有后台数据的时候，post请求的参数大多会以   name:a,age:b   的格式去写
import axios from 'axios'; axios.post(url,{     name:'0',age:''     },{emulatejson: true}, {  // 这里是跨域写法     headers:{content-type: application/x-www-form-urlencoded;charset=utf-8,}  // 这里是跨域的写法     }).then(reponse=>{      console.log(reponse)       this.tabledata=reponse.data.data     })
这样写法是没有问题的，
2，若是后台已经写好，但post的请求要以   name:a&age:b   的方式去写的话，上面你的写法就会请求不到数据，这时我们就要使用一个插件来解决这个问题
2.1，安装qs
npm install --save axios vue-axios qs
2.2，在请求的页面加入
import qs from 'qs';      import axios from 'axios'; axios.post(url,qs.stringify({  // 通过qs.stringify()将对象解析成url的形式     name:'0', age:'2'     }),{emulatejson: true},{     headers:{content-type: application/x-www-form-urlencoded;charset=utf-8,}     }).then(reponse=>{      console.log(reponse)      this.tabledata=reponse.data.data     })
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
nuxt.js ssr的权限验证使用
使用js怎样实现最简单的跨域
以上就是在vue里使用post请求（附代码）的详细内容。