vue-axios post请求content-type:application/x-www-form-urlencoded

本文介绍了如何在Vue项目中使用axios进行POST请求时,将Content-Type设置为'application/x-www-form-urlencoded',并引入qs插件进行数据序列化。内容涉及到qs库的parse()和stringify()方法的区别,前者用于将URL解析成对象,后者则是将对象转换为URL形式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

axios的post请求,默认是application/json提交JSON格式的数据

实际我们后端要求的 'Content-Type': 'application/x-www-form-urlencoded' 

这时需要配置content-type:

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

这里使用了qs插件:

简单来说,qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。

在项目中使用命令行工具输入:

npm install qs --save


安装完成后在需要用到的组件中:

import qs from "qs"

这里我是放在了main.js:

import qs from "qs"
Vue.prototype.$qs = qs;


具体使用中我查看了:qs.parse()和qs.stringify()

这两种方法虽然都是序列化,但是还是有区别的。
qs.parse()是将URL解析成对象的形式
qs.stringif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

景尘

你的励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值