【服了】mac环境 跨域问题 （has been blocked by CORS policy）

原创 已于 2023-02-15 11:45:31 修改 · 728 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#php #vue
于 2023-02-15 11:42:39 首次发布
在Windows上运行良好，但在Mac电脑上遇到跨域问题，尝试修改nginx、axios和PHP的header设置无效。最终发现是由于缺少SSL证书导致，添加SSL证书后解决了问题，原来是Mac系统特有的坑。

我真的服了，老铁们，本来用window好好的，到了mac电脑直接跨域，这个跨域问题是真恶心，改了nginx配置，改了axios配置，改了php的header属性，都还是跨域。

最后发现，电脑npm run serve的时候带上了下面那个玩意，所以我们一定要加个ssl证书就可以了，我他么的服了，就问你服不服，搞了一个多小时，原来是mac系统的坑，服了

在这里插入图片描述
在这里插入图片描述

Access to XMLHttpRequest at ‘http://***********’ from origin ‘http://localhost:9529’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: Redirect is not allowed for a preflight request.

mac https本地跨域配置
独行侠
03-23 5278
本地开启网页服务的方法很多，一般借助emcc自带的emrun命令 emrun --no_browser build 即可开启本地http服务 最近在搞webassembly多线程，由于chrome在91版本之后如果要开启对sharedarraybuffer的使用，需要对网页配置跨域隔离，搜了网了有不少解决方案，我这边试了两个： 1、设置参数--disable-web-security，[yourname]换成电脑名称，一般是admin，这种方法，虽然设置跨域成功了，但是sharedarraybuffer
Django中跨域请求的解决方法————has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header
qq_59344127的博客
10-18 1314
使用`django-cors-headers`库来配置Django以启用CORS，避免跨域问题
Access to XMLHttpRequest at ‘域名1 ‘ from origin ‘域名2‘ has been blocked by CORS java跨域问题详细解决方案
qq_36255346的博客
06-17 7666
Access to XMLHttpRequest at ‘域名1 ‘ from origin ‘域名2‘ has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
has been blocked by CORS policy: Response异常问题的 解决
shenxiaomo1688的博客
06-07 1万+
项目做前后端分离后，第一次遇到这种问题，在这里记录解决的过程。因为采用前后端分离开发，前端和和后台使用的端口号不一致。顺便说下跨域问题的来源： 1、访问协议不同 ，如http和https之间 2、访问地址不同 3、端口号不同 ...
Spring跨域问题以及解决方法
weixin_44295951的博客
09-10 3088
Spring跨域问题以及解决方法目录一、SpringMVC跨域(CORS)支持版本二、★★★ 使用方法1. controller配置CORS2、为整个controller启用@CrossOrigin3、全局CORS配置 目录 出于安全原因，浏览器禁止Ajax调用驻留在当前原点之外的资源 跨源资源共享（CORS）是由大多数浏览器实现的W3C规范，允许您灵活地指定什么样的跨域请求被授权，而不是使用一些不太安全和不太强大的策略，如IFRAME或JSONP 浏览器控制台出现 Access to XMLHttpR
实战解析：如何精准配置CORS策略解决Fetch跨域问题
weixin_29310631的博客
02-25 467
本文通过一个真实的Fetch跨域报错案例，深入解析了CORS（跨域资源共享）的核心机制与安全策略。重点阐述了当请求携带凭证（credentials）时，服务器必须明确指定`Access-Control-Allow-Origin`源地址，而不能使用通配符`*`的原因与解决方案，并提供了Spring Boot、Express等主流后端框架的精准配置指南。
chrome报错【Access to XMLHttpRequest at ‘file:///ceshi.json’ from origin ‘null’ has been blocked by COR
Little_Monk233的博客
10-16 5787
chrome报错【Access to XMLHttpRequest at ‘file:///ceshi.json’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-...
避坑指南：UniApp集成Line登录时，Webview传参与跨域问题的三种解决方案
最新发布
weixin_30315723的博客
06-05 438
本文详细解析了UniApp集成Line登录时遇到的Webview传参与跨域问题，提供了三种实战验证的解决方案：纯前端URL Scheme与UniApp API联动、服务端中转方案以及UniCloud云函数代理方案。帮助开发者高效解决授权登录中的技术难题，提升应用安全性和用户体验。
"No 'Access-Control-Allow-Origin' header is present on the requested resource" 问题
yue huang的视频编解码专栏
11-06 1932
问题：Failed to load https://***.com/*.mpd: has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
goLang的一个跨域问题
lianyz
04-13 790
goLang的一个跨域问题问题描述 问题描述 Access to XMLHttpRequest at ‘http://127.0.0.1:8888/base/captcha’ from origin ‘http://127.0.0.1:8080’ has been blocked by CORS policy: Cannot parse Access-Control-Allow-Headers response header field in preflight response. 127.0.0.1:88
from origin ‘http://localhost‘ has been blocked by CORS policy 跨域问题
热门推荐
Ryan_black的博客
12-17 5万+
前后端环境搭好之后测试了一下登录,出了这个毛病,但是上面显示的CORS 我就知道,跨域问题来了. 这个CORS，是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）需要浏览器和服务器同时支持。 所有浏览器都支持该功能。 服务器的话需要单独配置使用 @CrossOrigin 或 全局配置类 这个@CrossOrigin需要配置在控制器类上 这个全...
CORS error错误 has been blocked by CORS policy前端请求浏览器出错
qq_41966761的博客
10-14 3万+
问题简述 通过vue的axious拦截全局请求在请求头上加了identify和token字段后，访问后端zuul网关，浏览器出现错误，导致后台接收不了http包的自定义header字段，并不能很好的进行网关的鉴权。 错误如下: Access to XMLHttpRequest at ‘http://127.0.0.1:27000/api/v1/index-infos’ from origin ‘http://’ has been blocked by CORS policy: Request header
vue-element-admin has been blocked by CORS policy: Response to preflight request doesn‘t pass access
cc蒲公英的博客
03-30 2284
vue-element-admin has been blocked by CORS policy: Response to preflight request doesn't pass access 已被CORS策略阻止 CORS 跨域限制以及预请求验证
本地HTML访问后端获取数据使用@CrossOrigin仍出现跨域问题
munangs的博客
08-11 2241
本地HTML访问后端获取数据使用@CrossOrigin仍出现跨域问题
java 后端访问跨域接口_【Java】各位帮忙看一下这个跨域的问题如何解决，这是前端调用后端登陆接口时的错...
weixin_39907316的博客
02-24 557
同源策略禁止读取位于 https:///login 的远程资源。(原因：CORS 头 ‘Access-Control-Allow-Headers’ 中的令牌 ‘multipart/form-data’ 无效)这是火狐浏览器报的错。has been blocked by CORS policy: Cannot parse Access-Control-Allow-Headers response h...
前端跨域问题
k_happy的博客
04-18 480
前端开发环境运行跨域问题 Cannot parse Access-Control-Allow-Headers response header field in preflight response
后端使用@CrossOrigin页面还显示跨域问题？
Ron_的博客
01-27 1万+
后端使用@CrossOrigin页面还显示跨域问题？错误信息如下：解决方案：原因： 前后端分离项目，后端设置的允许跨域的代码，到前端调试界面的时候还显示了不允许跨域。 错误信息如下： Access to XMLHttpRequest at‘http://localhost:8000/carInfo/carCondition/1/4’ from origin‘http://localhost:9528’ has been blocked by CORS policy: Response to preflig
tornado处理跨域问题
weixin_38170853的博客
09-07 673
报错信息一: Access to XMLHttpRequest at 'http://localhost:4445/api/v/getmsg' from origin 'http://localhost:9528' has been blocked by CORS policy: Response to preflight request doesn't pass access co...
has been blocked by CORS policy: The ‘Access-Control-Allow-Origin‘ header contains multiple values ‘
qq_59833893的博客
10-18 7825
之后又出现 CORS 头缺少 'Access-Control-Allow-Origin' 跨域问题。原因：项目中设置了双跨域配置导致的问题。删除或注解掉一处，只保留一个。注释掉nginx上的相关配置。
Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin‘ he
weixin_46005650的博客
12-21 5486
出现 Access to XMLHttpRequest at 'http://localhost:8201/admin/hosp/hospitalSet/3/0' from origin 'http://localhost:9528' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' heade
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值