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 相关文章推荐
IE/FireFox具备兼容性的拖动代码
Aug 13 Javascript
Prototype String对象 学习
Jul 19 Javascript
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
Dec 26 Javascript
javascript级联下拉列表实例代码(自写)
May 10 Javascript
jquery实现弹出层遮罩效果的简单实例
Mar 03 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
Nov 25 Javascript
微信小程序开发实战教程之手势解锁
Nov 18 Javascript
jquery 追加元素append、prepend、before、after用法与区别分析
Dec 02 Javascript
关于Angular2 + node接口调试的解决方案
May 28 Javascript
vue 虚拟dom的patch源码分析
Mar 01 Javascript
vue单页开发父子组件传值思路详解
May 18 Javascript
使用layui的router来进行传参的实现方法
Sep 06 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判断是否为json格式的方法
2014/03/04 PHP
Win2003+apache+PHP+SqlServer2008 配置生产环境
2014/07/29 PHP
小议Function.apply() 之一------(函数的劫持与对象的复制)
2006/11/30 Javascript
将函数的实际参数转换成数组的方法
2010/01/25 Javascript
jquery select动态加载选择(兼容各种浏览器)
2013/02/01 Javascript
IE8的JavaScript点击事件(onclick)不兼容的解决方法
2013/11/22 Javascript
node.js中的path.join方法使用说明
2014/12/08 Javascript
基于 webpack2 实现的多入口项目脚手架详解
2017/06/26 Javascript
jQuery实现简单日期格式化功能示例
2017/09/19 jQuery
JS排序算法之冒泡排序,选择排序与插入排序实例分析
2017/12/13 Javascript
js阻止默认右键的下拉菜单方法
2018/01/02 Javascript
Bootstrap Paginator+PageHelper实现分页效果
2018/12/29 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
2019/05/17 Javascript
vue实现滚动鼠标滚轮切换页面
2020/12/13 Vue.js
python每次处理固定个数的字符的方法总结
2013/01/29 Python
零基础写python爬虫之抓取百度贴吧并存储到本地txt文件改进版
2014/11/06 Python
Python实现按中文排序的方法示例
2018/04/25 Python
Python中的元组介绍
2019/01/28 Python
从0开始的Python学习014面向对象编程(推荐)
2019/04/02 Python
python输出电脑上所有的串口名的方法
2019/07/02 Python
react+django清除浏览器缓存的几种方法小结
2019/07/17 Python
python常见字符串处理函数与用法汇总
2019/10/30 Python
HTML5之消息通知的使用(Web Notification)
2018/10/30 HTML / CSS
贝玲妃美国官方网站:Benefit美国
2016/08/28 全球购物
全天然狗零食:Best Bully Sticks
2016/09/22 全球购物
BIFFI美国站:意大利BIFFI BOUTIQUES豪华多品牌时装零售公司
2020/02/11 全球购物
计算机专业毕业生自荐信
2013/12/31 职场文书
农业局学习党的群众路线教育实践活动心得体会
2014/03/07 职场文书
不忘国耻振兴中华演讲稿
2014/05/14 职场文书
关于护士节的演讲稿
2014/05/26 职场文书
保护水资源的标语
2014/06/17 职场文书
导游词之江南周庄
2019/12/06 职场文书
Element实现动态表格的示例代码
2021/08/02 Javascript
python程序的组织结构详解
2021/12/06 Python
深入浅出的讲解:信号调制到底是如何实现的
2022/02/18 无线电
Python Matplotlib绘制动画的代码详解
2022/05/30 Python