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

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

大致如下:

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

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

相关推荐
lay_liu37 分钟前
报错The default superclass, “jakarta.servlet.http.HttpServlet“(已经配置好tomcat)
http·servlet·tomcat
蓝色心灵-海1 小时前
小律书 技术架构详解:前后端分离的自律管理系统设计
java·http·小程序·架构·uni-app
cyforkk2 小时前
细节决定架构的成败:API 限流与 HTTP 429 状态码的优雅落地
网络协议·http·架构
Byte不洛3 小时前
基于 C++ 手写 HTTP 服务器:从请求解析到响应构建全流程解析
linux·网络·c++·计算机网络·http
ZTLJQ3 小时前
网络通信的基石:Python HTTP请求库完全解析
开发语言·python·http
无籽西瓜a3 小时前
WebSocket详解含图解:协议特性、握手流程
网络·后端·websocket·网络协议·http
小王不爱笑1323 小时前
HTTP 与 HTTPS
网络协议·http·https
夜泉_ly3 小时前
泉面 TOP150 -HTTP和HTTPS协议的区别?
网络协议·http·https
钛态16 小时前
Flutter 三方库 http_mock_adapter — 赋能鸿蒙应用开发的高效率网络接口 Mock 与自动化测试注入引擎(适配鸿蒙 HarmonyOS Next ohos)
android·网络协议·flutter·http·华为·中间件·harmonyos
2301_805962931 天前
ESP32远程OTA升级:从局域网到公网部署
网络·后端·http·esp32