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 相关文章推荐
js对象关系图 方便dom操作
Mar 18 Javascript
下拉列表选择项的选中在不同浏览器中的兼容性问题探讨
Sep 18 Javascript
JavaScript执行顺序详细介绍
Dec 04 Javascript
Bootstrap下拉菜单更改为悬停(hover)触发的方法
May 24 Javascript
Angular.js中下拉框实现渲染html的方法
Jun 18 Javascript
jQuery扩展_动力节点Java学院整理
Jul 05 jQuery
Angular实现表单验证功能
Nov 13 Javascript
如何安装控制器JavaScript生成插件详解
Oct 21 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
Oct 25 Javascript
利用js-cookie实现前端设置缓存数据定时失效
Jun 18 Javascript
JavaScript监听键盘事件代码实现
Jun 03 Javascript
Vue 解决通过this.$refs来获取DOM或者组件报错问题
Jul 28 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.ini中的php-5.2.0配置指令详解
2008/03/27 PHP
提高PHP编程效率的方法
2013/11/07 PHP
php 解决substr()截取中文字符乱码问题
2016/07/18 PHP
thinkPHP线上自动加载异常与修复方法实例分析
2016/12/01 PHP
Joomla框架实现字符串截取的方法示例
2017/07/18 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
封装了一个js图片轮换效果的函数
2011/09/28 Javascript
javascript实现div的拖动并调整大小类似qq空间个性编辑模块
2012/12/12 Javascript
js控制淡入淡出示例代码
2013/11/12 Javascript
JS将光标聚焦在文本最后的实现代码
2014/03/28 Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
2016/06/12 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
2016/08/29 Javascript
angularjs+bootstrap菜单的使用示例代码
2017/03/07 Javascript
React Native预设占位placeholder的使用
2017/09/28 Javascript
详解vue通过NGINX部署在子目录或者二级目录实践
2018/09/03 Javascript
详解vue2.0 资源文件assets和static的区别
2018/11/27 Javascript
layui实现form表单同时提交数据和文件的代码
2019/10/25 Javascript
浅析TypeScript 命名空间
2020/03/19 Javascript
python实现监控linux性能及进程消耗性能的方法
2014/07/25 Python
python 写入csv乱码问题解决方法
2016/10/23 Python
Python中生成Epoch的方法
2017/04/26 Python
django开发教程之利用缓存文件进行页面缓存的方法
2017/11/10 Python
Go/Python/Erlang编程语言对比分析及示例代码
2018/04/23 Python
基于Django框架利用Ajax实现点赞功能实例代码
2018/08/19 Python
django模板结构优化的方法
2019/02/28 Python
pytz格式化北京时间多出6分钟问题的解决方法
2019/06/21 Python
使用coverage统计python web项目代码覆盖率的方法详解
2019/08/05 Python
Django自定义用户表+自定义admin后台中的字段实例
2019/11/18 Python
基于CSS3实现图片模糊过滤效果
2015/11/19 HTML / CSS
HTML5实现多张图片上传功能
2016/03/11 HTML / CSS
本科毕业自我鉴定
2014/03/20 职场文书
人身损害赔偿协议书范本
2014/09/27 职场文书
2014院党委领导班子及其成员群众路线对照检查材料思想汇报
2014/10/04 职场文书
营销计划书范文
2015/01/17 职场文书
2015年安全工作总结范文
2015/04/02 职场文书
Qt数据库应用之实现图片转pdf
2022/06/01 Java/Android