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 相关文章推荐
Javascript 作用域使用说明
Aug 13 Javascript
js 多种变量定义(对象直接量,数组直接量和函数直接量)
May 24 Javascript
深入理解JavaScript系列(8) S.O.L.I.D五大原则之里氏替换原则LSP
Jan 15 Javascript
jQuery中:gt选择器用法实例
Dec 29 Javascript
15个jquery常用方法、小技巧分享
Jan 13 Javascript
jQuery EasyUI datagrid实现本地分页的方法
Feb 13 Javascript
Angular ng-class详解及实例代码
Sep 19 Javascript
Angular2下使用pdf插件的方法详解
Apr 29 Javascript
requirejs + vue 项目搭建详解
Jun 16 Javascript
Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现
Sep 04 Javascript
Javascript节流函数throttle和防抖函数debounce
Dec 03 Javascript
uni-app 微信小程序授权登录的实现步骤
Feb 18 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
10个实用的PHP代码片段
2011/09/02 PHP
如何在php中正确的使用json
2013/08/06 PHP
四个常见html网页乱码问题及解决办法
2015/09/08 PHP
php利用gd库为图片添加水印
2016/11/09 PHP
PHP实现的基于单向链表解决约瑟夫环问题示例
2017/09/30 PHP
ASP小贴士/ASP Tips javascript tips可以当桌面
2009/12/10 Javascript
让人印象深刻的10个jQuery手风琴效果应用
2012/05/08 Javascript
JavaScript之编码规范 推荐
2012/05/23 Javascript
artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
2012/07/31 Javascript
JS正则表达式大全(整理详细且实用)
2013/11/14 Javascript
JS+CSS实现仿新浪微博搜索框的方法
2015/02/24 Javascript
浅谈Jquery为元素绑定事件
2015/04/27 Javascript
jquery常用的12个小功能
2016/07/22 Javascript
Javascript数组循环遍历之forEach详解
2016/11/07 Javascript
jQuery实现最简单实用的分秒倒计时
2017/02/05 Javascript
jQuery ajax动态生成table功能示例
2017/06/14 jQuery
ES6新特性:使用export和import实现模块化详解
2017/07/31 Javascript
VueRouter导航守卫用法详解
2017/12/25 Javascript
layui 弹出删除确认界面的实例
2019/09/06 Javascript
微信小程序实现pdf、word等格式文件上传的方法
2019/09/10 Javascript
Python常用随机数与随机字符串方法实例
2015/04/09 Python
Flask Web开发入门之文件上传(八)
2018/08/17 Python
python中的不可变数据类型与可变数据类型详解
2018/09/16 Python
Python jieba结巴分词原理及用法解析
2020/11/05 Python
Abe’s of Maine:自1979以来销售相机和电子产品
2016/11/21 全球购物
德国价格合理的品牌商品购物网站:averdo
2019/03/21 全球购物
巴西本土电商平台:Americanas
2020/06/21 全球购物
医学生自我鉴定范文
2013/11/08 职场文书
搞笑创意广告语
2014/03/17 职场文书
2014年百日安全生产活动总结
2014/05/04 职场文书
禁毒宣传标语
2014/06/19 职场文书
2015年党员个人自我评价
2015/03/03 职场文书
初中政治教学工作总结
2015/08/13 职场文书
小学班主任心得体会
2016/01/07 职场文书
如何计划开一家便利店?
2019/07/31 职场文书
python利用pandas分析学生期末成绩实例代码
2021/07/09 Python