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 相关文章推荐
jQuery 事件队列调整方法
Sep 18 Javascript
『jQuery』取指定url格式及分割函数应用
Apr 22 Javascript
学习JavaScript设计模式之中介者模式
Jan 14 Javascript
Javascript HTML5 Canvas实现的一个画板
Apr 12 Javascript
JS获取html元素的标记名实现方法
Oct 08 Javascript
jQuery图片轮播功能实例代码
Jan 29 Javascript
zTree树形菜单交互选项卡效果的实现方法
Dec 25 Javascript
js使用swiper实现层叠轮播效果实例代码
Dec 12 Javascript
antd组件Upload实现自己上传的实现示例
Dec 18 Javascript
编写更好的JavaScript条件式和匹配条件的技巧(小结)
Jun 27 Javascript
微信小程序实现页面浮动导航
Jan 08 Javascript
vue3.0 数字翻牌组件的使用方法详解
Apr 20 Vue.js
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中使用SimpleXML检查XML文件结构实例
2015/01/07 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
jquery事件重复绑定的快速解决方法
2014/01/03 Javascript
分享javascript计算时间差的示例代码
2020/03/19 Javascript
移动端js图片查看器
2016/11/17 Javascript
JS实现的添加弹出层并完成锁屏操作示例
2017/04/07 Javascript
angular.js中解决跨域问题的三种方式
2017/07/12 Javascript
微信小程序如何实现在线客服功能
2019/10/16 Javascript
基于vue+echarts 数据可视化大屏展示的方法示例
2020/03/09 Javascript
详解Vue Cli浏览器兼容性实践
2020/06/08 Javascript
vue实现图片上传到后台
2020/06/29 Javascript
js+canvas实现五子棋小游戏
2020/08/02 Javascript
Python使用os模块和fileinput模块来操作文件目录
2016/01/19 Python
python版本的读写锁操作方法
2016/04/25 Python
Python基础学习之类与实例基本用法与注意事项详解
2019/06/17 Python
pandas 层次化索引的实现方法
2019/07/06 Python
Django 数据库同步操作技巧详解
2019/07/19 Python
Python 用三行代码提取PDF表格数据
2019/10/13 Python
Python Django中间件,中间件函数,全局异常处理操作示例
2019/11/08 Python
python3+opencv生成不规则黑白mask实例
2020/02/19 Python
Python分类测试代码实例汇总
2020/07/23 Python
Python map及filter函数使用方法解析
2020/08/06 Python
利用CSS3的transition属性实现滑动效果
2015/08/05 HTML / CSS
使用phonegap获取位置信息的实现方法
2017/03/31 HTML / CSS
美国领先的在线邮轮旅游公司:CruiseDirect
2018/06/07 全球购物
学校经典推荐信
2013/10/30 职场文书
学徒工职责
2014/03/06 职场文书
道路建设实施方案
2014/03/18 职场文书
优秀学生干部先进事迹材料
2014/05/26 职场文书
写给同学的新学期寄语
2015/02/27 职场文书
清明节寄语2015
2015/03/23 职场文书
幼儿园百日安全活动总结
2015/05/07 职场文书
2015年度残疾人工作总结
2015/05/14 职场文书
公安机关起诉意见书
2015/05/20 职场文书
甜美蛋糕店的创业计划书模板,拿来即用!
2019/08/21 职场文书
Python调用腾讯API实现人脸身份证比对功能
2022/04/04 Python