前言

在上一篇文章中,我们使用NginxProxyManager搭建了一个静态网站并且使用CloudFlare进行代理。

问题描述

我将本站的一部分静态资源放在了这个静态网站上,这些资源有.woff2 .wff .ttf
然后浏览器就报错了

解决办法

NginxProxyManager配置

经过网上查阅,得出代码

  add_header Access-Control-Allow-Origin 'https://akau.cn' always;  #填写跨域报错的域名
  add_header Access-Control-Allow-Headers '*';
  add_header Access-Control-Allow-Methods '*';
  add_header Access-Control-Allow-Credentials 'true';

将以上header头添加到,反向代理Advanced处

清除浏览器缓存,依旧报错

CloudFlare配置

由于设置了CloudFlare代理,所以在CloudFlare中也要添加响应头


添加标头

Access-Control-Allow-Origin

再次清空浏览器缓存,问题解决

最后修改:2023 年 11 月 10 日
如果觉得我的文章对你有用,请随意赞赏