Http自定义Header导致的跨域问题

最近写一个小项目,前后端分离,在调试过程中访问远程接口,出现了CORS问题,接口使用的laravel框架,于是添加了解决跨域的中间件,但是前端显示仍存在跨域问题,以为自己写的有问题,检查了一遍又去网上搜索对比了下,没问题,结果还是存在跨域CORS问题,百思不解。

大致如下:

仍存在跨域问题,于是单独写了一个小的demo代码,简单返回字符串,配置虚拟主机,访问亦存在问题,于是又去配置nginx跨域设置,还是无济于事,最后终于在不断调试中发现了问题,原来是前端设置了自定义header头'Access-Key',而Access-Key不是浏览器允许的简单响应头,需要将其添加到允许的header列中或直接将'Access-Control-Allow-Headers'设置为'*',如下:

再次访问接口已可正常访问。

相关推荐
跨境数据猎手16 小时前
HTTP 响应体编码与压缩:识别、解码
网络协议·http·ios
MicrosoftCloud19 小时前
计网 14|HTTP 协议核心:报文结构、状态码、持续连接
计算机网络·考研·http·状态码·408·万维网·持续连接
最强小杰2 天前
minimax-m3 突然报 HTTP 529 怎么办?连续重试为何更难恢复,退避时间该怎么算?
网络·网络协议·http·ai
Thanks_ks2 天前
常见 HTTP 状态码的坑:301/302、401/403、500/502 之间差的那一个词
计算机网络·nginx·http·面试·状态码·后端开发·浏览器缓存
Thanks_ks2 天前
Cookie 和 Session 到底是什么关系——登录态是怎么维持的
分布式·http·jwt·cookie·session·后端开发·登录态
QianhangQianping2 天前
WebSocket实时推送+ HTTP 定时轮询:一块大屏两套取数怎么不打架
前端·websocket·网络协议·http·低代码·架构·数据可视化
嵌入式学习菌3 天前
HTTP/HTTPS、MQTT/MQTTS 区别
网络协议·http·https
情 九3 天前
MCP 实战 06:把 HTTP 接口接成工具,让 AI 帮你查数据
人工智能·网络协议·http·mcp
步行cgn4 天前
HTTP 请求报文结构详解:请求行、请求头、请求体各自的作用
网络·网络协议·http