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

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

大致如下:

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

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

相关推荐
会编程的土豆13 小时前
GoWeb 处理请求详解:请求行、请求头、请求参数与给客户端响应
开发语言·http·golang
一条泥憨鱼1 天前
【从0开始学习计算机网络】| HTTP 状态码
开发语言·网络·网络协议·计算机网络·http
驭渊的小故事1 天前
网络原理02(http协议详细解析1)
网络·网络协议·http
q567315232 天前
企业级 HTTP 代理采购选型:技术评估清单 15 项
开发语言·网络·爬虫·网络协议·http·隧道ip·代理ip
白嫖一茶2 天前
HTTP 状态码详解:五大类与常见状态码解析
网络·网络协议·http
AlanBruce2 天前
摩尔信使MThings EdgeWeb HTTP API接口
网络·网络协议·http·上位机·plc·modbus·摩尔信使
ShineWinsu3 天前
对于Linux:HTTP中cookie、session的解析
linux·网络·c++·网络协议·http·cookie·session
减瓦3 天前
告别Postman——用VSCode优雅地发起Http请求
vscode·http·postman
wechatbot8883 天前
解决企业微信官方 API 短板:iPad 协议全功能对接方案
java·汇编·windows·http·微信·企业微信
Dxy12393102163 天前
Python 实现POST上行压缩上传可用HTTP库汇总
开发语言·python·http