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

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

大致如下:

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

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

相关推荐
今晚务必早点睡1 天前
系统通信方式实战详解:HTTP、RPC、MQ、WebSocket 各用在什么场景?(附 SDK 示例)
websocket·http·rpc
松涛和鸣1 天前
49、智能电源箱项目技术栈解析
服务器·c语言·开发语言·http·html·php
ps酷教程1 天前
HttpPostRequestDecoder源码浅析
java·http·netty
寻星探路1 天前
【Python 全栈测开之路】Python 基础语法精讲(一):常量、变量与运算符
java·开发语言·c++·python·http·ai·c#
栗子叶1 天前
网页接收服务端消息的几种方式
前端·websocket·http·通信
野生技术架构师2 天前
原来可以搭建一个HTTP服务
网络·网络协议·http
TOPGUS2 天前
谷歌Chrome浏览器即将对HTTP网站设卡:突出展示“始终使用安全连接”功能
前端·网络·chrome·http·搜索引擎·seo·数字营销
Wadli2 天前
项目5 |HTTP服务框架
网络·网络协议·http
CCPC不拿奖不改名2 天前
网络与API:HTTP基础+面试习题
网络·python·网络协议·学习·http·面试·职场和发展
心之伊始2 天前
HTTP 与 HTTPS 协议深度剖析:从基础原理到现代演进与实践
网络协议·http·https