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 相关文章推荐
使用户点击后退按钮使效三行代码
Jul 07 Javascript
Javascript 个人笔记(没有整理,很乱)
Jul 07 Javascript
select 控制网页内容隐藏于显示的实现代码
May 25 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
Jan 31 Javascript
基于jQuery的投票系统显示结果插件
Aug 12 Javascript
document.all的一个比较完整的总结及案例
Jan 31 Javascript
表格单元格交错着色实现思路及代码
Apr 01 Javascript
微信小程序 引用其他js文件实现代码
Feb 22 Javascript
详谈js模块化规范
Jul 07 Javascript
24行JavaScript代码实现Redux的方法实例
Nov 17 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
Sep 18 Javascript
Map与WeakMap类型在JavaScript中的使用详解
Nov 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
解析PHP处理换行符的问题 \r\n
2013/06/13 PHP
php数组分页实现方法
2016/04/30 PHP
详解使用php调用微信接口上传永久素材
2017/04/11 PHP
jquery animate图片模向滑动示例代码
2011/01/26 Javascript
对之前写的jquery分页做下升级
2014/06/19 Javascript
jQuery选择器及jquery案例详解(必看)
2016/05/20 Javascript
基于JS实现无缝滚动思路及代码分享
2016/06/07 Javascript
JS使用cookie设置样式的方法
2016/06/30 Javascript
AngularJS入门教程之多视图切换用法示例
2016/11/02 Javascript
BootstrapTable refresh 方法使用实例简单介绍
2017/02/20 Javascript
windows下vue-cli导入bootstrap样式
2017/04/25 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
2017/10/19 jQuery
javaScript canvas实现(画笔大小 颜色 橡皮的实例)
2017/11/28 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
2018/09/11 Javascript
实用的Vue开发技巧
2019/05/30 Javascript
js仿360开机效果
2019/12/26 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
2020/11/03 Javascript
web.py在模板中输出美元符号的方法
2014/08/26 Python
Python多线程爬虫简单示例
2016/03/04 Python
python 容器总结整理
2017/04/04 Python
基于python时间处理方法(详解)
2017/08/14 Python
Python模糊查询本地文件夹去除文件后缀的实例(7行代码)
2017/11/09 Python
python os.listdir按文件存取时间顺序列出目录的实例
2018/10/21 Python
python3爬虫学习之数据存储txt的案例详解
2019/04/24 Python
Python Django实现layui风格+django分页功能的例子
2019/08/29 Python
Python 导入文件过程图解
2019/10/15 Python
pytorch查看模型weight与grad方式
2020/06/24 Python
俄罗斯眼镜网: optikaworld
2016/07/31 全球购物
植村秀加拿大官网:Shu Uemura加拿大
2019/09/03 全球购物
Prototype如何更新局部页面
2013/03/03 面试题
甜品店的创业计划书范文
2014/01/02 职场文书
电大本科自我鉴定
2014/02/05 职场文书
通信工程求职信
2014/07/16 职场文书
公司行政专员岗位职责
2014/08/24 职场文书
小学生放飞梦想演讲稿
2014/08/26 职场文书
公司领导班子对照检查材料
2014/09/24 职场文书