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 在网页中的运用(asp.net)
Nov 23 Javascript
JavaScript 原型与继承说明
Jun 09 Javascript
关于javascript中的typeof和instanceof介绍
Dec 04 Javascript
javaScript中Math()函数注意事项
Jun 18 Javascript
JavaScript弹出对话框的三种方式
Mar 23 Javascript
jQuery+PHP实现微信转盘抽奖功能的方法
May 25 Javascript
jquery.masonry瀑布流效果
May 25 jQuery
基于zepto.js实现手机相册功能
Jul 11 Javascript
微信小程序引用iconfont图标的方法
Oct 22 Javascript
node.js express捕获全局异常的三种方法实例分析
Dec 27 Javascript
ng-alain的sf如何自定义部件的流程
Jun 12 Javascript
JS script脚本中async和defer区别详解
Jun 24 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
IIS7.X配置PHP运行环境小结
2011/06/09 PHP
深入php处理整数函数的详解
2013/06/09 PHP
win7+apache+php+mysql环境配置操作详解
2013/06/10 PHP
php中的mongodb select常用操作代码示例
2014/09/06 PHP
PHP8.0新功能之Match表达式的使用
2020/07/19 PHP
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
2010/03/31 Javascript
使用jquery获取网页中图片高度的两种方法
2013/09/26 Javascript
jQuery实现的网页竖向菜单效果代码
2015/08/26 Javascript
jQuery实现简单隔行变色的方法
2016/02/20 Javascript
深入理解JavaScript中的浮点数
2016/05/18 Javascript
Javascript基础_嵌入图像的简单实现
2016/06/14 Javascript
JavaScript中数组的各种操作的总结(必看篇)
2017/02/13 Javascript
原生javascript移动端滑动banner效果
2017/03/10 Javascript
B/S(Web)实时通讯解决方案分享
2017/04/06 Javascript
在vue中使用css modules替代scroped的方法
2018/03/10 Javascript
JS实现的缓冲运动效果示例
2018/04/30 Javascript
详解Webstorm 下的Angular2.0开发之路(图文)
2018/12/06 Javascript
vue的.vue文件是怎么run起来的(vue-loader)
2018/12/10 Javascript
vue-cli webpack配置文件分析
2019/05/20 Javascript
npx create-react-app xxx创建项目报错的解决办法
2020/02/17 Javascript
使用 Jest 和 Supertest 进行接口端点测试实例详解
2020/04/25 Javascript
JavaScript实现网页计算器功能
2020/10/29 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
2020/11/19 Vue.js
js实现扫雷源代码
2020/11/27 Javascript
Python单例模式的两种实现方法
2017/08/14 Python
详解Python在七牛云平台的应用(一)
2017/12/05 Python
python实现ID3决策树算法
2018/08/29 Python
Python3批量生成带logo的二维码方法
2019/06/24 Python
Python字典中的值为列表或字典的构造实例
2019/12/16 Python
澳洲健康食品网上商店:Aussie Health Products
2018/06/15 全球购物
Shopping happy life西班牙:以最优惠的价格提供最好的时尚配饰
2020/03/13 全球购物
单位委托书范本
2014/04/04 职场文书
球队口号
2014/06/18 职场文书
2014年招商工作总结
2014/11/22 职场文书
幼儿园园长个人总结
2015/03/02 职场文书
通用员工手册范本
2015/05/14 职场文书