Vue中qs插件的使用详解


Posted in Javascript onFebruary 07, 2020

之前用Vue+element写了一个后台管理系统,在登录时使用axios请求数据传参时无法正常的获取数据。之后也是一通百度,发现原因是传递参数要将参数序列化。
这里使用了qs插件:

简单来说,qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。

在项目中使用命令行工具输入:npm install qs
安装完成后在需要用到的组件中:import qs from'qs'
具体使用中我查看了:qs.parse()和qs.stringify()

这两种方法虽然都是序列化,但是还是有区别的。
qs.parse()是将URL解析成对象的形式
qs.stringify()是将对象 序列化成URL的形式,以&进行拼接

解决我遇到的问题我使用了qs.stringify()
直接上图,一个简单的请求登录示例

Vue中qs插件的使用详解

另外qs还不止这点本事,这里附上一个详细的文档,感兴趣的话可以去看一看点这里

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
setTimeout和setInterval的浏览器兼容性分析
Feb 27 Javascript
jQuery Ajax 实例全解析
Apr 20 Javascript
解析js中获得父窗口链接getParent方法以及各种打开窗口的方法
Jun 19 Javascript
js整数字符串转换为金额类型数据(示例代码)
Dec 26 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
May 06 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
May 08 Javascript
JS中去掉array中重复元素的方法
May 26 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
May 14 Javascript
JavaScript实现读取与输出XML文件数据的方法示例
Jun 05 Javascript
vue实现一个炫酷的日历组件
Oct 08 Javascript
在vue中高德地图引入和轨迹的绘制的实现
Oct 11 Javascript
html+vue.js 实现漂亮分页功能可兼容IE
Nov 07 Javascript
npm qs模块使用详解
Feb 07 #Javascript
Js参数RSA加密传输之jsencrypt.js的使用
Feb 07 #Javascript
Vue使用JSEncrypt实现rsa加密及挂载方法
Feb 07 #Javascript
jQuery实现获取多选框的值示例
Feb 07 #jQuery
微信小程序canvas开发水果老虎机的思路详解
Feb 07 #Javascript
Node.js 在本地生成日志文件的方法
Feb 07 #Javascript
node.js 微信开发之定时获取access_token
Feb 07 #Javascript
You might like
使用YUI+Ant 实现JS CSS压缩
2014/09/02 PHP
PHP处理数组和XML之间的互相转换
2016/06/02 PHP
PHP实现图片批量打包下载功能
2017/03/01 PHP
PHP7内核CGI与FastCGI详解
2019/04/14 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
jQuery动画效果相关方法实例分析
2015/12/31 Javascript
JavaScript简单下拉菜单特效
2016/09/13 Javascript
React-Router如何进行页面权限管理的方法
2017/12/06 Javascript
深入浅析Vue中mixin和extend的区别和使用场景
2019/08/01 Javascript
python合并文本文件示例
2014/02/07 Python
python 安装virtualenv和virtualenvwrapper的方法
2017/01/13 Python
[原创]pip和pygal的安装实例教程
2017/12/07 Python
Pycharm代码无法复制,无法选中删除,无法编辑的解决方法
2018/10/22 Python
情人节快乐! python绘制漂亮玫瑰
2020/08/18 Python
CentOS7安装Python3的教程详解
2019/04/10 Python
详解python中递归函数
2019/04/16 Python
Django高级编程之自定义Field实现多语言
2019/07/02 Python
Python list与NumPy array 区分详解
2019/11/06 Python
关于numpy.where()函数 返回值的解释
2019/12/06 Python
Python.append()与Python.expand()用法详解
2019/12/18 Python
python 操作hive pyhs2方式
2019/12/21 Python
解决django无法访问本地static文件(js,css,img)网页里js,cs都加载不了
2020/04/07 Python
python的flask框架难学吗
2020/07/31 Python
html5指南-4.使用Geolocation实现定位功能
2013/01/07 HTML / CSS
The North Face北面英国官网:美国著名户外品牌
2017/12/13 全球购物
泰国演唱会订票网站:StubHub泰国
2018/02/26 全球购物
英国豪华文具和皮具配件经典老品牌:Smythson(斯迈森)
2018/04/19 全球购物
计算机应用专业毕业生求职信
2013/10/24 职场文书
纺织工程专业个人求职信范文
2014/01/27 职场文书
分家协议书
2014/04/21 职场文书
运动会演讲稿
2014/05/07 职场文书
合作合同协议书范本
2015/01/27 职场文书
中班下学期个人总结
2015/02/12 职场文书
2015秋季幼儿园开学寄语
2015/03/25 职场文书
党员反腐倡廉学习心得体会
2015/08/15 职场文书
Canvas三种动态画圆实现方法说明(小结)
2021/04/16 Javascript