vue中post请求以a=a&b=b 的格式写遇到的问题


Posted in Javascript onApril 27, 2018

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
    })

总结

以上所述是小编给大家介绍的vue中post请求以a=a&b=b 的格式写遇到的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
插件:检测javascript的内存泄漏
Mar 04 Javascript
利用jquery操作select下拉列表框的代码
Jun 04 Javascript
jquery插件制作 手风琴Panel效果实现
Aug 17 Javascript
解决js中window.open弹出的是上次的缓存页面问题
Dec 29 Javascript
教你在heroku云平台上部署Node.js应用
Jul 30 Javascript
js计算文本框输入的字符数
Oct 23 Javascript
JavaScript兼容性总结之获取非行间样式案例
Aug 07 Javascript
seajs学习之模块的依赖加载及模块API的导出
Oct 20 Javascript
JS文件/图片从电脑里面拖拽到浏览器上传文件/图片
Mar 08 Javascript
详解JS中的attribute属性
Apr 25 Javascript
mock.js实现模拟生成假数据功能示例
Jan 15 Javascript
postman自定义函数实现 时间函数的思路详解
Apr 17 Javascript
vue项目中应用ueditor自定义上传按钮功能
Apr 27 #Javascript
Vue 使用 Mint UI 实现左滑删除效果CellSwipe
Apr 27 #Javascript
微信小程序中添加客服按钮contact-button功能
Apr 27 #Javascript
Node.js文件编码格式的转换的方法
Apr 27 #Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
Apr 27 #jQuery
基于Vue实现拖拽效果
Apr 27 #Javascript
Node.js利用console输出日志文件的方法示例
Apr 27 #Javascript
You might like
CakePHP框架Session设置方法分析
2017/02/23 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
比较搞笑的js陷阱题
2010/02/07 Javascript
javascript在事件监听方面的兼容性小结
2010/04/07 Javascript
JavaScript获取/更改文本框的值的实例代码
2013/08/02 Javascript
node.js中的buffer.slice方法使用说明
2014/12/10 Javascript
jQuery实现表格行上移下移和置顶的方法
2015/05/22 Javascript
js中获取时间new Date()的全面介绍
2016/06/20 Javascript
jQuery中Find选择器用法示例
2016/09/21 Javascript
AngularJS 2.0入门权威指南
2016/10/08 Javascript
详解Vue项目编译后部署在非网站根目录的解决方案
2018/04/26 Javascript
基于Vue实现可以拖拽的树形表格实例详解
2018/10/18 Javascript
AngularJS 多指令Scope问题的解决
2018/10/25 Javascript
Vue动态创建注册component的实例代码
2019/06/14 Javascript
jQuery实现的图片点击放大缩小功能案例
2020/01/02 jQuery
微信小程序绘制半圆(弧形)进度条
2020/11/18 Javascript
python发送arp欺骗攻击代码分析
2014/01/16 Python
Python yield 小结和实例
2014/04/25 Python
python实现带验证码网站的自动登陆实现代码
2015/01/12 Python
Python使用wxPython实现计算器
2018/01/30 Python
深入浅析python变量加逗号,的含义
2020/02/22 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
英国在线自行车店:Merlin Cycles
2018/08/20 全球购物
彪马俄罗斯官网:PUMA俄罗斯
2019/07/13 全球购物
Whistles官网:英国女装品牌
2020/08/14 全球购物
求职简历中个人的自我评价
2013/12/01 职场文书
企业法人代表证明书
2014/09/27 职场文书
2015新学期开学寄语
2015/02/26 职场文书
离婚案件答辩状
2015/05/22 职场文书
演讲比赛主持词
2015/06/29 职场文书
优化经济发展环境工作总结
2015/08/11 职场文书
Nginx已编译的nginx-添加新模块
2021/04/01 Servers
Appium中scroll和drag_and_drop根据元素位置滑动
2022/02/15 Python
Python实现抖音热搜定时爬取功能
2022/03/16 Python
python中urllib包的网络请求教程
2022/04/19 Python
Golang 字符串的常见操作
2022/04/19 Golang