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 相关文章推荐
YUI的Tab切换实现代码
Apr 11 Javascript
extjs tabpanel限制选项卡数量实现思路及代码
Apr 02 Javascript
标题过长使用javascript按字节截取字符串
Apr 24 Javascript
[原创]javascript typeof id==='string'?document.getElementById(id):id解释
Nov 02 Javascript
jquery 追加元素append、prepend、before、after用法与区别分析
Dec 02 Javascript
jQuery展示表格点击变色、全选、删除
Jan 05 Javascript
详解webpack分包及异步加载套路
Jun 29 Javascript
基于vue.js中事件修饰符.self的用法(详解)
Feb 23 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
May 10 Javascript
javascript实现抢购倒计时程序
Aug 26 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
Oct 29 Javascript
解决vue项目中出现Invalid Host header的问题
Nov 17 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
全国FM电台频率大全 - 6 辽宁省
2020/03/11 无线电
PHP表单验证的3个函数ISSET()、empty()、is_numeric()的使用方法
2011/08/22 PHP
php教程之魔术方法的使用示例(php魔术函数)
2014/02/12 PHP
PHP类中的魔术方法(Magic Method)简明总结
2014/07/08 PHP
thinkphp5使用无限极分类
2019/02/18 PHP
jQuery 数据缓存data(name, value)详解及实现
2010/01/04 Javascript
写JQuery插件的基本知识
2013/11/25 Javascript
创建js对象和js类的方法汇总
2014/12/24 Javascript
探讨JavaScript中的Rest参数和参数默认值
2015/07/29 Javascript
JavaScript SHA512&SHA256加密算法详解
2015/08/11 Javascript
JS实现带圆弧背景渐变效果的导航菜单代码
2015/10/13 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
2016/08/25 Javascript
Bootstrap模态框案例解析
2017/03/05 Javascript
详解JS获取HTML DOM元素的8种方法
2017/06/17 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
2018/01/03 Javascript
JavaScript正则表达式函数总结(常用)
2018/02/22 Javascript
JS实现的3des+base64加密解密算法完整示例
2018/05/18 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
2018/10/12 Javascript
vue 指令之气泡提示效果的实现代码
2018/10/18 Javascript
JS块级作用域和私有变量实例分析
2019/05/11 Javascript
小程序实现横向滑动日历效果
2019/10/21 Javascript
原生JS实现微信通讯录
2020/06/18 Javascript
JavaScript实现网页tab栏效果制作
2020/11/20 Javascript
python访问sqlserver示例
2014/02/10 Python
在Python的Django框架中调用方法和处理无效变量
2015/07/15 Python
OpenCV+python手势识别框架和实例讲解
2018/08/03 Python
Selenium(Python web测试工具)基本用法详解
2018/08/10 Python
pycharm 实现显示project 选项卡的方法
2019/01/17 Python
python 判断linux进程,并杀死进程的实现方法
2019/07/01 Python
Python小程序 控制鼠标循环点击代码实例
2019/10/08 Python
网页中的电话号码如何实现一键直呼效果_附示例
2016/03/15 HTML / CSS
Charlotte Tilbury澳大利亚官网:英国美妆品牌
2018/10/05 全球购物
美国珠宝店:Helzberg Diamonds
2018/10/24 全球购物
Roxy荷兰官方网站:冲浪、滑雪板、服装和配件
2019/10/22 全球购物
中学生打架检讨书
2014/10/13 职场文书
2015年宣传部工作总结范文
2015/03/31 职场文书