vue的axios请求改变content-type为form-data问题
更新时间：2022年09月16日 11:24:46 作者：女程序媛的修炼笔记
这篇文章主要介绍了vue的axios请求改变content-type为form-data问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
axios请求改变content-type为form-data
代码如下：
正常效果
axios无法发送‘Content-Type‘: ‘multipart/form-data‘请求
我这里写的是纯粹的前端解决方案
按照一般的写法
const req = (method, url, params) => {
return axios({
method: "POST",
url: url,
headers: {
'Content-Type': 'multipart/form-data',
Token: localStorage.logintoken
},
data:params,
});
};封装完成以后你会发现后台并不能接受到你发送的数据，这是由于你发送的是request payload 但是后台做的接受是 formdata 你当然可以让你的后台小伙伴帮你修改
但是同样你可以通过qs和URLSearchParams对象的方法来解决
let params = new URLSearchParams();
//你要传给后台的key-value对
params.append('key','value');或者
const req = (method, url, params) => {
return axios({
method: "POST",
url: url,
headers: {
'Content-Type': 'multipart/form-data',
Token: localStorage.logintoken
},
data:qs.stringify(params, { arrayFormat: 'brackets' }),
});
};以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue和react等项目中更简单的实现展开收起更多等效果示例
这篇文章主要介绍了vue和react等项目中更简单的实现展开收起更多等效果示例,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-02-02
这篇文章主要为大家详细介绍了vue使用rules实现表单字段验证，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
今天小编就为大家分享一篇关于vue中的mvvm模式讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
这篇文章主要为大家详细介绍了vue.js中使用mint-ui框架的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了vue中如何删除字符串中的空格符方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-01-01
解决Element-ui radio单选框label布尔/数值的一个坑
这篇文章主要介绍了解决Element-ui radio单选框label布尔/数值的一个坑，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
这篇文章主要介绍了Vue.js动态添加、删除选题的实例代码,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-09-09
使用element-ui table expand展开行实现手风琴效果
这篇文章主要介绍了使用element-ui table expand展开行实现手风琴效果，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
这篇文章主要介绍了VUE3中的函数的声明和使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要介绍了vue之computed的缓存特性,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-11-11
最新评论