解决NginxProxyManager+CloudFlare跨域问题

前言

在上一篇文章中，我们使用NginxProxyManager搭建了一个静态网站并且使用CloudFlare进行代理。
[postcard type=”list”]497[/postcard]

问题描述

我将本站的一部分静态资源放在了这个静态网站上，这些资源有.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

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