TagCORS错误

CloudFlare 解决 CORS 跨域问题

目前博客的 CDN 方案是通过DNS识别境内境外IP,进行不同的解析的,但是使用 CloudFlare 会导致一部分跨域问题,使某些样式无法正常加载,不过最终还是找到了解决方案,记录一下。 配置 #2022-11-6更新一位MJJ大佬提供的更好的方法 在域名左侧选择规则->转换规则 选择修改响应头 具体配置如下图所示: 以下为旧方法,不太推荐使用: 百度出的方法,基本上都是从服务器配置 NGINX 取消跨域限制来解决,但是这样也会伴随着许许多多的问题。CloudFlare也发布了文章,通过 CloudFlare Worker 稍微配置一下即可解决这个问题。 一、创建 CloudFlare Worker 服务 设置服务名称,然后选择 HTTP 处理程序 二、点击快速编辑,将以下代码复制到其中 // Reference: const corsHeaders = { "Access...

NextCloud 搭配 OnlyOffice出现 已阻止此内容,请与网站所有者联系以解决此问题 的问题

很多人在用 NextCloud 搭配 OnlyOffice 是出现 "已阻止此内容。请与网站所有者联系以解决此问题。"的错误 出现“已阻止此内容。请与网站所有者联系以解决此问题” 出现这种情况大部分情况下是因为OnlyOffice做了反代,通过nginx配置了 SSL ,而未在 Docker 中配置 SSL 而引发了跨域错误。 从控制台可以看到是发生了跨域,进而证实了猜想 浏览器控制台查看错误 解决方法: 开启 OnlyOffice 的 SSL 即可解决。 一、在目录中创建 certs 文件夹,将 SSL 的密钥及证书文件重命名为 onlyoffice.key 与 onlyoffice.crt 存入其中。 此处以宝塔面板的Docker管理面板为例 二、配置 OnlyOffice Docker 端口映射:需将容器443端口映射至服务器的任意未使用端口即可。 目录映射:需将容器目录...

腾讯云 CDN 加速静态资源所产生的 CORS 错误

给站点的静态资源使用了腾讯云CDN加速,文件镜像到腾讯的对象存储里,结果配置完成后产生了CORS错误,即跨域错误 错误 CORS - 跨域 抽象的解释下为什么会导致跨域错误 当你拥有 A、B 两台服务器时,当 A 与 B 分别建设了一个网站,两个网站使用的域名不相同,分别为 网站A 和 网站B 。在网站A中调用了 网站B 的资源,此时由于 网站A 的头部参数与 网站B 后端程序所绑定的头部参数的不同,很大概率会导致调用B的资源虽然请求成功,但在浏览器中不会加载,这就是跨域错误。 一台服务器中建设两个或多个网站,也是同理。除此之外,除域名之外,端口、协议头不同均会导致跨域错误。 解决方法 错误报告: Access to font at '' from origin '' has been blocked by CORS policy: No 'Access-Control-Allow...