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 相关文章推荐
Input 特殊事件onpopertychange和oninput
Jun 17 Javascript
利用javascript数组长度循环数组内所有元素
Dec 27 Javascript
JavaScript设计模式学习之“类式继承”
Mar 12 Javascript
BootStrap glyphicon图标无法显示的解决方法
Sep 06 Javascript
javascript读取文本节点方法小结
Dec 15 Javascript
js实现加载页面就自动触发超链接的示例
Aug 31 Javascript
详谈DOM简介及节点、属性、查找节点的方法
Nov 16 Javascript
React Native 自定义下拉刷新上拉加载的列表的示例
Mar 01 Javascript
jQuery实现基本淡入淡出效果的方法详解
Sep 05 jQuery
jquery简单实现纵向的无缝滚动代码实例
Apr 01 jQuery
微信小程序 组件的外部样式externalClasses使用详解
Sep 06 Javascript
vue 全局封装loading加载教程(全局监听)
Nov 05 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电台频率大全 - 7 吉林省
2020/03/11 无线电
一周让你学会PHP 不错的学习资料
2009/02/06 PHP
php db类库进行数据库操作
2009/03/19 PHP
php截取后台登陆密码的代码
2012/05/05 PHP
CI映射(加载)数据到view层的方法
2016/03/28 PHP
PHP全功能无变形图片裁剪操作类与用法示例
2017/01/10 PHP
redirect_uri参数错误的解决方法(必看)
2017/02/16 PHP
会自动逐行上升的文本框
2006/06/30 Javascript
JS 文字符串转换unicode编码函数
2009/05/30 Javascript
Javascript操作cookie的函数代码
2012/10/03 Javascript
js通过地址栏给action传值(中文乱码全是问号)
2013/05/02 Javascript
处理文本部分内容的TextRange对象应用实例
2014/07/29 Javascript
jQuery检测鼠标左键和右键点击的方法
2015/03/17 Javascript
使用Jquery实现每日签到功能
2015/04/03 Javascript
js文字横向滚动特效
2015/11/11 Javascript
JS函数的几种定义方式分析
2015/12/17 Javascript
js倒计时简单实现方法
2015/12/17 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
2016/05/25 Javascript
AngularJS自定义服务与fliter的混合使用
2016/11/24 Javascript
JS对象序列化成json数据和json数据转化为JS对象的代码
2017/08/23 Javascript
JavaScript简单实现合并两个Json对象的方法示例
2017/10/16 Javascript
详解vue中router-link标签所必备了解的属性
2019/04/15 Javascript
详解如何在vue项目中使用layui框架及采坑
2019/05/05 Javascript
Vue使用axios引起的后台session不同操作
2020/08/14 Javascript
[08:42]DOTA2每周TOP10 精彩击杀集锦vol.2
2014/06/25 DOTA
python处理PHP数组文本文件实例
2014/09/18 Python
Python使用matplotlib实现基础绘图功能示例
2018/07/03 Python
CentOS 7 安装python3.7.1的方法及注意事项
2018/11/01 Python
python 读取Linux服务器上的文件方法
2018/12/27 Python
PyTorch的深度学习入门教程之构建神经网络
2019/06/27 Python
pytorch常见的Tensor类型详解
2020/01/15 Python
PHP如何与mysql建立链接
2013/05/05 面试题
2014年就业工作总结
2014/11/26 职场文书
如何写观后感
2015/06/19 职场文书
2015年城管执法工作总结
2015/07/23 职场文书
MySQL 常见的数据表设计误区汇总
2021/06/07 MySQL