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 IE 与 FF中兼容问题小结
Feb 18 Javascript
jQuery源码分析之Event事件分析
Jun 07 Javascript
Js 冒泡事件阻止实现代码
Jan 27 Javascript
JavaScript中的null和undefined区别介绍
Jan 01 Javascript
JavaScript获取一个范围内日期的方法
Apr 24 Javascript
JQueryEasyUI之DataGrid数据显示
Nov 23 Javascript
详解Vue 2.0封装axios笔记
Jun 22 Javascript
深入浅出es6模板字符串
Aug 26 Javascript
详谈commonjs模块与es6模块的区别
Oct 18 Javascript
vue 之 .sync 修饰符示例详解
Apr 21 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
Sep 26 Javascript
Element-ui 自带的两种远程搜索(模糊查询)用法讲解
Jan 29 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
NOT NULL 和NULL
2007/01/15 PHP
mcrypt启用 加密以及解密过程详细解析
2013/08/07 PHP
简介WordPress中用于获取首页和站点链接的PHP函数
2015/12/17 PHP
php使用curl伪造来源ip和refer的方法示例
2018/05/08 PHP
JQuery为textarea添加maxlength属性并且兼容IE
2013/04/25 Javascript
可自己添加html的伪弹出框实现代码
2013/09/08 Javascript
非常漂亮的JS+CSS图片幻灯切换特效
2013/11/20 Javascript
用javascript添加控件自定义属性解析
2013/11/25 Javascript
JavaScript初学者建议:不要去管浏览器兼容
2014/02/04 Javascript
对js关键字命名的疑问介绍
2014/04/25 Javascript
jquery实现html页面 div 假分页有原理有代码
2014/09/06 Javascript
js面向对象的写法
2016/02/19 Javascript
JavaScript:Array类型全面解析
2016/05/19 Javascript
JavaScript中object和Object的区别(详解)
2017/02/27 Javascript
bootstrap基本配置_动力节点Java学院整理
2017/07/14 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
2017/07/22 jQuery
jQuery实现简单复制json对象和json对象集合操作示例
2018/07/09 jQuery
微信小程序+腾讯地图开发实现路径规划绘制
2019/05/22 Javascript
简单了解vue中的v-if和v-show的区别
2019/10/08 Javascript
Vue Router 实现动态路由和常见问题及解决方法
2020/03/06 Javascript
vue使用Sass时报错问题的解决方法
2020/10/14 Javascript
[54:06]OG vs TNC 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
sqlalchemy对象转dict的示例
2014/04/22 Python
Python的爬虫程序编写框架Scrapy入门学习教程
2016/07/02 Python
Python3使用PyQt5制作简单的画板/手写板实例
2017/10/19 Python
python正则实现计算器功能
2017/12/14 Python
Python socket套接字实现C/S模式远程命令执行功能案例
2018/07/06 Python
Python第三方Window模块文件的几种安装方法
2018/11/22 Python
Python实现截取PDF文件中的几页代码实例
2019/03/11 Python
python turtle库画一个方格和圆实例
2019/06/27 Python
python上下文管理器异常问题解决方法
2021/02/07 Python
新加坡最早生产电动滑板车的制造商之一:FunsToTheFore
2020/09/08 全球购物
2014年道德讲堂实施方案
2014/03/05 职场文书
个人优缺点总结
2015/02/28 职场文书
血轮眼轮回眼特效 html+css
2021/03/31 HTML / CSS
Python中的xlrd模块使用整理
2021/06/15 Python