Vue中qs插件的使用详解
作者:尘生杜若丶 时间:2023-07-02 17:07:06
之前用Vue+element写了一个后台管理系统,在登录时使用axios请求数据传参时无法正常的获取数据。之后也是一通百度,发现原因是传递参数要将参数序列化。
这里使用了qs插件:
简单来说,qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。
在项目中使用命令行工具输入:npm install qs
安装完成后在需要用到的组件中:import qs from'qs'
具体使用中我查看了:qs.parse()和qs.stringify()
这两种方法虽然都是序列化,但是还是有区别的。
qs.parse()是将URL解析成对象的形式
qs.stringify()是将对象 序列化成URL的形式,以&进行拼接
解决我遇到的问题我使用了qs.stringify()
直接上图,一个简单的请求登录示例
另外qs还不止这点本事,这里附上一个详细的文档,感兴趣的话可以去看一看点这里
来源:https://blog.csdn.net/weixin_43851769/article/details/86505164
标签:Vue,qs插件
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Python socket编程实例详解
2022-02-21 09:26:03
MySQL8.0开启远程连接权限的方法步骤
2024-01-22 14:33:58
![](https://img.aspxhome.com/file/2023/0/115580_0s.png)
OAuth从1.0到2.1的发展之路
2023-09-25 22:30:07
![](https://img.aspxhome.com/file/2023/4/112054_0s.jpg)
CI框架整合smarty步骤详解
2023-11-14 11:18:11
Python&Matlab实现樱花的绘制
2023-11-04 05:07:16
![](https://img.aspxhome.com/file/2023/2/63902_0s.gif)
Go语言实现遗传算法的实例代码
2024-02-10 01:04:54
Python实现像awk一样分割字符串
2022-07-29 18:42:07
![](https://img.aspxhome.com/file/2023/8/86158_0s.jpg)
Python字符串拼接的几种方法整理
2021-05-08 18:55:47
![](https://img.aspxhome.com/file/2023/5/64735_0s.jpg)
Python的面向对象编程方式学习笔记
2021-02-02 07:00:30
Python中的tuple元组详细介绍
2023-03-02 03:54:47
vue.js中ref及$refs的使用方法解析
2024-05-09 10:42:35
![](https://img.aspxhome.com/file/2023/7/126627_0s.png)
OpenCV半小时掌握基本操作之傅里叶变换
2022-03-27 22:25:47
![](https://img.aspxhome.com/file/2023/5/118315_0s.gif)
python操作openpyxl导出Excel 设置单元格格式及合并处理代码实例
2022-09-27 13:07:54
python对站点数据做EOF且做插值绘制填色图
2023-03-05 03:30:56
![](https://img.aspxhome.com/file/2023/8/93488_0s.png)
有关Server.Mappath详细接触
2010-07-07 11:35:00
![](https://img.aspxhome.com/file/UploadPic/20107/7/2004351085047387-42s.gif)
Python MySQLdb 执行sql语句时的参数传递方式
2024-01-28 08:45:33
![](https://img.aspxhome.com/file/2023/6/95736_0s.jpg)
Django如何使用第三方服务发送电子邮件
2021-08-06 03:49:15
![](https://img.aspxhome.com/file/2023/7/93757_0s.png)
扫盲大讲堂:mysql出错的代码解析及解答
2009-09-05 10:08:00
gliffy-confluence-plugin-9.1.2插件教程详解
2022-05-02 06:21:21
![](https://img.aspxhome.com/file/2023/2/109552_0s.png)
element-UI el-table树形数据 修改小三角图标方式
2023-07-02 17:09:53
![](https://img.aspxhome.com/file/2023/9/139959_0s.png)