vue项目中使用axios发送http请求添加header自定义变量出现跨域问题

Aucanon2023-12-27 15:23

request代码片段：

javascript 复制代码

export const request = (
    api,
    method,
    params = {},
    config,
    responseType = {}
) => {
    let apiToken = localStorage.getItem("token");
    let headers = {
        Authorization: `${apiToken}`,
    };
    if (config?.headers) {
        headers = {
            ...headers,
            ...config.headers,
        };
    }

正常拿到headers中添加的键值

接口代码片段：

javascript 复制代码

const machineListApi = (data, index) => request(`/api/***`, "GET", data, {
    headers: {
        'inedx': index
    }
});

请求结果：

请求头：

硬跨域后端也配了cors 其它接口没问题传token的也没问题

最后百度也没搜明白说是可能什么http协议的问题的等等没找到解法

最后解决办法前端本地proxy代理

上线了可以NGINX

或者让你的后端直接本地NGINX转发一遍