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

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转发一遍

相关推荐
爱分享的程序员10 分钟前
前端面试专栏-算法篇:18. 查找算法(二分查找、哈希查找)
前端·javascript·node.js
翻滚吧键盘15 分钟前
vue 条件渲染(v-if v-else-if v-else v-show)
前端·javascript·vue.js
vim怎么退出17 分钟前
万字长文带你了解微前端架构
前端·微服务·前端框架
你这个年龄怎么睡得着的17 分钟前
为什么 JavaScript 中 'str' 不是对象,却能调用方法?
前端·javascript·面试
Java水解19 分钟前
前端常用单位em/px/rem/vh/vm到底有什么区别?
前端
CAD老兵22 分钟前
Vite 如何借助 esbuild 实现极速 Dev Server 体验,并支持无 source map 的源码调试
前端
南屿im23 分钟前
JavaScript 手写实现防抖与节流:优化高频事件处理的利器
前端·javascript
Spider_Man23 分钟前
从零开始构建React天气应用:API集成与UI设计全指南 🌤️
前端·react.js
吴free32 分钟前
mac电脑wireshark快速实现http接口抓包
网络·测试工具·http·wireshark
浩浩测试一下39 分钟前
渗透信息收集- Web应用漏洞与指纹信息收集以及情报收集
android·前端·安全·web安全·网络安全·安全架构