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.blockUI.js上传滚动等待效果实现思路及代码
Mar 18 Javascript
JavaScript之数组(Array)详解
Apr 01 Javascript
jQuery中closest和parents的区别分析
May 07 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
Jun 06 Javascript
Node.js的MongoDB驱动Mongoose基本使用教程
Mar 01 Javascript
vue.js树形组件之删除双击增加分支实例代码
Feb 28 Javascript
如何选择jQuery版本 1.x? 2.x? 3.x?
Apr 01 jQuery
jQuery选择器中的特殊符号处理方法
Sep 08 jQuery
JS设计模式之单例模式(一)
Sep 29 Javascript
Vue全家桶实践项目总结(推荐)
Nov 04 Javascript
vue-cli3 从搭建到优化的详细步骤
Jan 20 Javascript
layui动态绑定事件的方法
Sep 20 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设计模式之访问者模式
2016/09/23 PHP
php+ajax+json 详解及实例代码
2016/12/12 PHP
Yii2.0中使用js异步删除示例
2017/03/10 PHP
PHP实现Markdown文章上传到七牛图床的实例内容
2020/02/11 PHP
JavaScript 动态添加表格行 使用模板、标记
2009/10/24 Javascript
JavaScript 5 新增 Array 方法实现介绍
2012/02/06 Javascript
『jQuery』取指定url格式及分割函数应用
2013/04/22 Javascript
常用的Javascript数据验证插件
2015/08/04 Javascript
JavaScript中Window对象的属性及事件
2015/12/25 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
2016/12/17 Javascript
原生js实现简单的链式操作
2017/07/04 Javascript
基于原生js运动方式关键点的总结(推荐)
2017/10/01 Javascript
vue实现表格过滤功能
2019/09/27 Javascript
[04:44]DOTA2 2017全国高校联赛视频回顾
2017/08/21 DOTA
[42:20]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
[55:44]完美世界DOTA2联赛决赛 FTD vs Phoenix 第二场 11.08
2020/11/11 DOTA
[01:33:30]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第二场 2月5日
2021/03/11 DOTA
用python分割TXT文件成4K的TXT文件
2009/05/23 Python
python里大整数相乘相关技巧指南
2014/09/12 Python
浅谈Python程序与C++程序的联合使用
2015/04/07 Python
tensorflow更改变量的值实例
2018/07/30 Python
在Python中如何传递任意数量的实参的示例代码
2019/03/21 Python
python面向对象实现名片管理系统文件版
2019/04/26 Python
关于numpy中eye和identity的区别详解
2019/11/29 Python
Python利用myqr库创建自己的二维码
2020/11/24 Python
css3实现书本翻页效果的示例代码
2021/03/08 HTML / CSS
英国设计师泳装、沙滩装和比基尼在线精品店:Beach Cafe
2019/08/28 全球购物
什么是抽象
2015/12/13 面试题
竞选演讲稿范文
2013/12/28 职场文书
水果连锁超市创业计划书
2014/01/24 职场文书
心理健康课教学反思
2014/02/13 职场文书
技能竞赛活动方案
2014/02/21 职场文书
乡镇挂职心得体会
2014/09/04 职场文书
2014年幼儿园园务工作总结
2014/12/05 职场文书
2014年政务公开工作总结
2014/12/09 职场文书
matlab xlabel位置的设置方式
2021/05/21 Python