axios添加请求头

最新推荐文章于 2025-06-26 17:30:14 发布

原创最新推荐文章于 2025-06-26 17:30:14 发布 · 3.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript

vue 专栏收录该内容

16 篇文章

订阅专栏

新项目，新后端，在做网络请求的时候没有沟通请求头问题。我以为是默认的，特也以为是默认的，但我们两个默认的不一样。所以就造成了下列问题

Access to XMLHttpRequest at 'url地址' has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.

在这里插入图片描述

谷歌一会、百度半天、大神求了一遍、还是不对，最后发现忘记核对请求头了。毕竟这玩意只有新项目才会用一次，很容易忘记

// 没有添加请求头
export const requestUrl = axios.create({
    timeout: 5000,
    baseURL: "url"
});
export function postRequest(url, postdata) {
    let headers = ({'content-type': 'application/x-www-form-urlencoded'})
    return requestUrl.post(
        url, 
        postdata,
}

// 直接添加请求头
export function postRequest(url, postdata) {
    return requestUrl.post(
        url, 
        postdata, 
        {headers:{'content-type': 'application/x-www-form-urlencoded'}},
        );
}