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

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

大致如下:

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

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

相关推荐
小邓的技术笔记2 小时前
解析 gin 接收到 http 请求是怎么处理的
网络协议·http·gin
TlSfoward3 小时前
TLSFOWARD抓包工具 TLS指纹
网络协议·http·百度·https
测试员周周17 小时前
【skills5】一份 spec 生成 k6/JMeter/Locust:性能压测 + 全站截图,上线前的双保险
功能测试·网络协议·测试工具·jmeter·http·自动化·集成测试
GlobalSign数字证书1 天前
ACME 的 HTTP 验证和 DNS 验证,哪种更适合自动续期?
网络·网络协议·http
Keepingrun2 天前
http登录和授权
网络·网络协议·http
Keepingrun3 天前
HTTP基础
网络·网络协议·http
数据知道3 天前
HTTP/HTTPS 安全深度剖析:抓包、解密与证书陷阱
安全·http·https·mitmproxy·抓包解密
随风一样自由4 天前
【前端+跨域】跨域问题全面解析与解决方案指南
前端·跨域
大师兄66684 天前
HarmonyOS7 HTTP 网络请求封装:统一拦截器实战
网络·网络协议·http·arkui·harmonyos7·实战讲解
韩曙亮4 天前
【Flutter】iOS 网络权限设置 ② ( 配置 iOS 平台可使用 HTTP 访问 | ATS 网络安全强制规范 )
网络·flutter·http·ios·https·网络权限·ats