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

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

大致如下:

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

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

相关推荐
用户125758524361 小时前
Go 里读取 request body 后,下游拿不到参数:别让日志中间件把请求吃掉
http·go·测试
曾令胜3 小时前
HTTP协议基础总结
网络·网络协议·http
Helen_cai1 天前
OpenHarmony http 网络请求封装与全局拦截实战(API Version23 + 适配版)
网络·网络协议·http·华为·harmonyos
gugucoding1 天前
39. 【C语言】经典 C 项目实战:迷你 HTTP 服务器
c语言·开发语言·http
山海云端有限公司2 天前
随机诗词API实战:Vue项目接入完整示例与5个常见坑
vue·实战·前端开发·跨域·api调用·随机诗词api
DLYSB_2 天前
《从零开始搭建机房轻量化“声光告警”系统:基于 HTTP API 与 TTS 的运维实践》
运维·网络协议·http·报警灯
一棵树73512 天前
跨域资源共享cors
http·cors
华清远见成都中心3 天前
物联网通信协议对比:MQTT、CoAP、HTTP到底该怎么选
物联网·网络协议·http
墨神谕3 天前
Streamable HTTP
网络·网络协议·http
AI 小老六3 天前
Agent 工程化新底座:用 CLI 契约层打通 HTTP 接口与业务能力
网络·人工智能·http·ai·架构