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 相关文章推荐
JavaScript获取GridView选择的行内容
Apr 14 Javascript
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
Mar 27 Javascript
javascript函数中的arguments参数
Aug 01 Javascript
用JS控制回车事件的代码
Feb 20 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
Mar 05 Javascript
深入理解Node.js中的进程管理
Mar 13 Javascript
使用Angular CLI从蓝本生成代码详解
Mar 24 Javascript
在 Vue.js中优雅地使用全局事件的方法
Feb 01 Javascript
JavaScript遍历数组的三种方法map、forEach与filter实例详解
Feb 27 Javascript
vue基础之v-bind属性、class和style用法分析
Mar 11 Javascript
vue+element-ui+axios实现图片上传
Aug 20 Javascript
vue使用openlayers实现移动点动画
Sep 24 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生成静态HTML文档的原理
2012/10/29 PHP
php inc文件使用的风险和注意事项
2013/11/12 PHP
php验证是否是md5编码的简单代码
2014/04/01 PHP
PHP生成唯一订单号
2015/07/05 PHP
Mootools 1.2教程(2) DOM选择器
2009/09/14 Javascript
js 操作select相关方法函数
2009/12/06 Javascript
JSON 学习之JSON in JavaScript详细使用说明
2010/02/23 Javascript
基于Jquery的淡入淡出的特效基础练习
2010/12/13 Javascript
jquery offset函数应用实例
2012/11/14 Javascript
js中使用replace方法完成某个字符的转换
2014/08/20 Javascript
jQuery显示和隐藏 常用的状态判断方法
2015/01/29 Javascript
详解Javascript中的Object对象
2016/02/28 Javascript
JS控制FileUpload的上传文件类型实例代码
2016/10/07 Javascript
jquery  实现轮播图详解及实例代码
2016/10/12 Javascript
vue组件如何被其他项目引用
2017/04/13 Javascript
socket在egg中的使用实例代码详解
2019/05/30 Javascript
jquery实现直播视频弹幕效果
2020/02/25 jQuery
[03:11]不朽宝藏三外观展示
2020/09/18 DOTA
Python实现的多线程http压力测试代码
2017/02/08 Python
Python异常模块traceback用法实例分析
2019/10/22 Python
python实现逆滤波与维纳滤波示例
2020/02/26 Python
如何把外网python虚拟环境迁移到内网
2020/05/18 Python
TUMI马来西亚官方网站:国际领先的高品质商旅箱包品牌
2018/04/26 全球购物
日本航空官方网站:JAL
2019/06/19 全球购物
幼儿园中秋节活动方案
2014/02/06 职场文书
高一数学教学反思
2014/02/07 职场文书
税务干部群众路线教育实践活动自我剖析材料
2014/09/21 职场文书
2014幼儿园教师个人工作总结
2014/11/08 职场文书
2014年图书馆个人工作总结
2014/12/18 职场文书
大学生自我评价范文
2015/03/03 职场文书
2015年销售员工作总结范文
2015/04/07 职场文书
原来实习报告是这样写的呀!
2019/07/03 职场文书
台式电脑蓝牙适配器怎么安装?台式电脑蓝牙适配器安装教程
2022/04/08 数码科技
Elasticsearch 索引操作和增删改查
2022/04/19 Python
源码安装apache脚本部署过程详解
2022/09/23 Servers
python如何利用cv2.rectangle()绘制矩形框
2022/12/24 Python