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 相关文章推荐
jQuery制作效果超棒的手风琴折叠菜单
Apr 03 Javascript
Jquery 全选反选实例代码
Nov 19 Javascript
Javascript中for循环语句的几种写法总结对比
Jan 23 Javascript
深入解析js轮播插件核心代码的实现过程
Apr 14 Javascript
Vue ElementUI之Form表单验证遇到的问题
Aug 21 Javascript
JavaScript实现QQ列表展开收缩扩展功能
Oct 30 Javascript
vue实现模态框的通用写法推荐
Feb 26 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
Mar 03 Javascript
JS 音频可视化插件Wavesurfer.js的使用教程
Oct 31 Javascript
angularjs请求数据的方法示例
Aug 06 Javascript
JavaScript实现HSL拾色器
May 21 Javascript
Jquery使用each函数实现遍历及数组处理
Jul 14 jQuery
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
input file获得文件根目录简单实现
2013/04/26 PHP
php中convert_uuencode()与convert_uuencode函数用法实例
2014/11/22 PHP
PHP基于mssql扩展远程连接MSSQL的简单实现方法
2016/10/08 PHP
写入cookie的JavaScript代码库 cookieLibrary.js
2009/10/24 Javascript
js点击页面其它地方将某个显示的DIV隐藏
2012/07/12 Javascript
js函数返回多个返回值的示例代码
2013/11/05 Javascript
js文件Cookie存取值示例代码
2014/02/20 Javascript
jQuery DOM操作实例
2014/03/05 Javascript
jquery通过ajax加载一段文本内容的方法
2015/01/15 Javascript
js实现DOM走马灯特效的方法
2015/01/21 Javascript
优化RequireJS项目的相关技巧总结
2015/07/01 Javascript
详解AngularJS过滤器的使用
2016/03/11 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
2016/05/18 Javascript
Angular的$http与$location
2016/12/26 Javascript
从零学习node.js之文件操作(三)
2017/02/21 Javascript
JavaScript+HTML5实现的日期比较功能示例
2017/07/12 Javascript
seajs中模块依赖的加载处理实例分析
2017/10/10 Javascript
vue 开发一个按钮组件的示例代码
2018/03/27 Javascript
layui的表单提交以及验证和修改弹框的实例
2019/09/09 Javascript
微信小程序(订阅消息)功能
2019/10/25 Javascript
jQuery实现的移动端图片缩放功能组件示例
2020/05/01 jQuery
vite2.0+vue3移动端项目实战详解
2021/03/03 Vue.js
[58:29]DOTA2-DPC中国联赛 正赛 Phoenix vs XG BO3 第一场 1月31日
2021/03/11 DOTA
全面解读Python Web开发框架Django
2014/06/30 Python
python简单实现基数排序算法
2015/05/16 Python
python队列通信:rabbitMQ的使用(实例讲解)
2017/12/22 Python
利用python库在局域网内传输文件的方法
2018/06/04 Python
python3对接mysql数据库实例详解
2019/04/30 Python
一篇文章彻底搞懂Python中可迭代(Iterable)、迭代器(Iterator)与生成器(Generator)的概念
2019/05/13 Python
ML神器:sklearn的快速使用及入门
2019/07/11 Python
Django错误:TypeError at / 'bool' object is not callable解决
2019/08/16 Python
Python容器使用的5个技巧和2个误区总结
2019/09/26 Python
通过Turtle库在Python中绘制一个鼠年福鼠
2020/02/03 Python
自定义Django Form中choicefield下拉菜单选取数据库内容实例
2020/03/13 Python
浅谈Keras的Sequential与PyTorch的Sequential的区别
2020/06/17 Python
2015年街道除四害工作总结
2015/05/15 职场文书