您现在的位置是：网站首页> 编程资料编程资料

vue的axios请求改变content-type为form-data问题_vue.js_

2023-05-24 392人已围观

简介 vue的axios请求改变content-type为form-data问题_vue.js_

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自定义指令v-focus实例详解_vue.js_

下一篇：ts 类型体操 Chainable Options 可链式选项示例详解_js其它_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网