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 相关文章推荐
bgsound 背景音乐 的一些常用方法及特殊用法小结
May 11 Javascript
jquery isEmptyObject判断是否为空对象的函数
Feb 14 Javascript
js或jquery实现页面打印可局部打印
Mar 27 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
Sep 05 Javascript
H5移动端适配 Flexible方案
Oct 24 Javascript
vue插件tab选项卡使用小结
Oct 27 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
Nov 16 Javascript
vue-cli构建项目下使用微信分享功能
May 28 Javascript
详解Vue中使用Echarts的两种方式
Jul 03 Javascript
详解Nuxt.js中使用Element-UI填坑
Sep 06 Javascript
vue限制输入框只能输入8位整数和2位小数的代码
Nov 06 Javascript
Vue Mint UI mt-swipe的使用方式
Jun 05 Vue.js
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
东方红 - 来复式再生机的修复
2021/03/02 无线电
php5数字型字符串加解密代码
2008/04/24 PHP
php email邮箱正则
2008/10/08 PHP
PHP验证码类代码( 最新修改,完全定制化! )
2010/12/02 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
通过event对象的fromElement属性解决热区设置主实体的一个bug
2008/12/22 Javascript
File文件控件,选中文件(图片,flash,视频)即立即预览显示
2009/04/09 Javascript
Extjs学习笔记之一 初识Extjs之MessageBox
2010/01/07 Javascript
DIV菜单层实现代码
2010/11/19 Javascript
jQuery下通过$.browser来判断浏览器.
2011/04/05 Javascript
javascript 随机展示头像实现代码
2011/12/06 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
2013/04/17 Javascript
纯js写的分页表格数据为json串
2014/02/18 Javascript
jQuery表格行上移下移和置顶的实现方法
2015/10/08 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
2016/05/10 Javascript
AngularJS辅助库browserTrigger用法示例
2016/11/03 Javascript
详解Angular结合zTree异步加载节点数据
2018/01/20 Javascript
微信小程序使用Promise简化回调
2018/02/06 Javascript
JavaScript中常见内置函数用法示例
2018/05/14 Javascript
Vue使用vue-area-linkage实现地址三级联动效果的示例
2018/06/27 Javascript
node.js到底要不要加分号浅析
2018/07/11 Javascript
[40:05]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第一局
2016/02/25 DOTA
python字典序问题实例
2014/09/26 Python
python开发之for循环操作实例详解
2015/11/12 Python
Saltstack快速入门简单汇总
2016/03/01 Python
CSS3中Color的一些特性介绍
2012/05/27 HTML / CSS
阿迪达斯中国官网:Adidas中国
2020/12/14 全球购物
Linux中如何设置Java环境变量(Ubuntu)
2016/07/24 面试题
办护照工作证明范本
2014/01/14 职场文书
消防安全汇报材料
2014/02/08 职场文书
大学生未来职业生涯规划书
2014/02/15 职场文书
房产协议书范本
2014/10/18 职场文书
2014年妇幼保健工作总结
2014/12/08 职场文书
员工升职自荐信
2015/03/27 职场文书
如何解决springcloud feign 首次调用100%失败的问题
2021/06/23 Java/Android
Django REST framework 限流功能的使用
2021/06/24 Python