网站首页 Vue 正文

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

作者：女程序媛的修炼笔记更新时间： 2022-11-08 Vue

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' }),
    });
};

原文链接：https://blog.csdn.net/qq_41589917/article/details/107036703

上一篇：Vue自定义指令v-focus实例详解_vue.js
下一篇：Vue 项目迁移 React 路由部分经验分享_vue.js

网站首页 Vue 正文

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

目录

axios请求改变content-type为form-data

axios无法发送‘Content-Type‘: ‘multipart/form-data‘请求

按照一般的写法

相关推荐