解决axios无法添加content-type

最新推荐文章于 2023-12-26 18:07:08 发布

原创最新推荐文章于 2023-12-26 18:07:08 发布 · 1.8k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript

本文介绍了一种解决GET请求中Content-Type缺失的方法，并提供了一个POST请求的例子，展示了如何设置multipart/form-data类型的头部。

分两种类型

get请求：

instance.interceptors.request.use(  

        config => {
            // 解决get请求无法添加content-type
            if (config.method === "get") {
                config.data = { unused: 0 }; // 这个是关键点，加入这行就可以了,解决get,请求添加不上Content-Type
            }  



post请求:
//关注点：传过去的属性名要是data属性

export function postToFile(url, params) {
    return new Promise((resolve, reject) => {
        instance({
            method: 'post',
            url: url,
            data: params,
            headers: {
                'Content-Type' : 'multipart/form-data'
            }
        })
        .then(res => {
            resolve(res.data);
        })
        .catch(err => {
            reject(err.data)
        })
    });
}