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的9个陷阱及评点分析
May 16 Javascript
JavaScript Prototype对象
Jan 07 Javascript
JavaScript DOM 学习第三章 内容表格
Feb 19 Javascript
JavaScript 比较时间大小的代码
Apr 24 Javascript
Extjs407 getValue()和getRawValue()区别介绍
May 21 Javascript
JavaScript获取表单enctype属性的方法
Apr 02 Javascript
javascript实现PC网页里的拖拽效果
Mar 14 Javascript
jquery删除数组中重复元素
Dec 05 Javascript
Bootstrap实现提示框和弹出框效果
Jan 11 Javascript
ES6中Array.copyWithin()函数的用法实例详解
Sep 16 Javascript
js中apply和call的理解与使用方法
Nov 27 Javascript
JavaScript设计模型Iterator实例解析
Jan 22 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
论坛头像随机变换代码
2006/10/09 PHP
PHP中str_replace函数使用小结
2008/10/11 PHP
PHP中怎样防止SQL注入分析
2014/10/23 PHP
PHP+Javascript实现在线拍照功能实例
2015/07/18 PHP
php定期拉取数据对比方法实例
2019/09/22 PHP
jQuery 定时局部刷新(setInterval)
2010/11/19 Javascript
web网页按比例显示图片实现原理及js代码
2013/08/09 Javascript
利用jQuary实现文字浮动提示效果示例代码
2013/12/26 Javascript
原生js页面滚动延迟加载图片
2015/12/20 Javascript
jQuery原理系列-常用Dom操作详解
2016/06/07 Javascript
jQuery简单实现中间浮窗效果
2016/09/04 Javascript
js中json处理总结之JSON.parse
2016/10/14 Javascript
全面解析node 表单的图片上传
2016/11/21 Javascript
easyUI实现类似搜索框关键词自动提示功能示例代码
2016/12/27 Javascript
Vue 2中ref属性的使用方法及注意事项
2017/06/12 Javascript
js实现多张图片延迟加载效果
2017/07/17 Javascript
node.js利用mongoose获取mongodb数据的格式化问题详解
2017/10/06 Javascript
每天学点Vue源码之vm.$mount挂载函数
2019/03/11 Javascript
微信小程序如何调用图片接口API并居中显示
2019/06/29 Javascript
JS中的算法与数据结构之常见排序(Sort)算法详解
2019/08/16 Javascript
python list元素为tuple时的排序方法
2018/04/18 Python
对DataFrame数据中的重复行,利用groupby累加合并的方法详解
2019/01/30 Python
Python3.5文件修改操作实例分析
2019/05/01 Python
TensorFlow内存管理bfc算法实例
2020/02/03 Python
用Python生成HTML表格的方法示例
2020/03/06 Python
在python中list作函数形参,防止被实参修改的实现方法
2020/06/05 Python
keras中的History对象用法
2020/06/19 Python
Django REST Framework 分页(Pagination)详解
2020/11/30 Python
HTML5 input元素类型:email及url介绍
2013/08/13 HTML / CSS
全面解析HTML5中的标准属性与自定义属性
2016/02/18 HTML / CSS
初中体育教学反思
2014/01/14 职场文书
毕业自我鉴定总结
2014/03/24 职场文书
住房租房协议书
2014/08/20 职场文书
幼儿园教师师德表现自我评价
2015/03/05 职场文书
老公出轨后的保证书
2015/05/08 职场文书
撤回我也能看到!教你用Python制作微信防撤回脚本
2021/06/11 Python