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 相关文章推荐
日期函数扩展类Ver0.1.1
Sep 07 Javascript
jquery中的sortable排序之后的保存状态的解决方法
Jan 28 Javascript
在JS中最常看到切最容易迷惑的语法(转)
Oct 29 Javascript
jQuery Jcrop插件实现图片选取功能
Nov 23 Javascript
JavaScript 实现类的多种方法实例
May 01 Javascript
基于jQuery+JSON的省市二三级联动效果
Jun 05 Javascript
JavaScript多线程详解
Aug 12 Javascript
JavaScript判断表单为空及获取焦点的方法
Feb 12 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
Apr 30 jQuery
使用Vue Composition API写出清晰、可扩展的表单实现
Jun 10 Javascript
原型和原型链 prototype和proto的区别详情
Nov 02 Javascript
Vue的过滤器你真了解吗
Feb 24 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一段代码轻松搞定(全面版)
2018/10/23 PHP
Laravel 5.5 实现禁用用户注册示例
2019/10/24 PHP
如何在PHP中使用数组
2020/06/09 PHP
js 数组操作代码集锦
2009/04/28 Javascript
jquery+json实现的搜索加分页效果
2010/03/31 Javascript
javascript 设为首页与加入收藏兼容多浏览器代码
2011/01/11 Javascript
jquery通过a标签删除table中的一行的代码
2013/12/02 Javascript
JavaScript中的关联数组问题
2015/03/04 Javascript
jQuery实现简单的文件上传进度条效果
2020/03/26 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
2015/11/26 Javascript
Bootstrap每天必学之滚动监听
2016/03/16 Javascript
javascript设计模式Constructor(构造器)模式
2016/08/19 Javascript
js 转json格式的字符串为对象或数组(前后台)的方法
2016/11/02 Javascript
深入浅析Nodejs的Http模块
2017/06/20 NodeJs
JS基于对象的特性实现去除数组中重复项功能详解
2017/11/17 Javascript
浅谈node模块与npm包管理工具
2018/01/03 Javascript
详解创建自定义的Angular Schematics
2018/06/06 Javascript
React优化子组件render的使用
2019/05/12 Javascript
浅谈react-router@4.0 使用方法和源码分析
2019/06/04 Javascript
Node.js系列之发起get/post请求(2)
2019/08/30 Javascript
vue实现路由不变的情况下,刷新页面操作示例
2020/02/02 Javascript
[36:43]NB vs Optic 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
py2exe 编译ico图标的代码
2013/03/08 Python
Python中的特殊语法:filter、map、reduce、lambda介绍
2015/04/14 Python
Python中编写ORM框架的入门指引
2015/04/29 Python
Python实现优先级队列结构的方法详解
2016/06/02 Python
PyCharm第一次安装及使用教程
2020/01/08 Python
Python Scrapy框架:通用爬虫之CrawlSpider用法简单示例
2020/04/11 Python
Python解析m3u8拼接下载mp4视频文件的示例代码
2021/03/03 Python
计算机相关的自我评价
2014/01/15 职场文书
学校安全工作制度
2014/01/19 职场文书
运动会方队口号
2014/06/07 职场文书
2014年妇联工作总结
2014/11/21 职场文书
公务员个人总结
2015/02/12 职场文书
2016计算机专业毕业生自荐信
2016/01/28 职场文书
一文彻底理解js原生语法prototype,__proto__和constructor
2021/10/24 Javascript