今天发现我之前做的里程碑页面《心理测量运动》打不开了。
使用浏览器的开发者模式发现一堆红色叉叉。
WordPress-Access-Control-Allow-Origin.png
百度了一下,发现 Access-Control-Allow-Origin 是跨域访问的问题,很多解决办法都是直接在Nginx的配置文件中增加代码:

location ~* \.(ttf|woff)$ {
       add_header Access-Control-Allow-Origin *;
}

然后重新加载Nginx的配置文件,刷新浏览器,问题依旧。
几乎将网络上所有相关的配置代码都试了一遍还是没有效果,直到看到有文章说是CDN导致的,因为同样是使用阿里云的CDN,所以上去试了一下。
打开CDN中域名管理,找到缓存配置,在“HTTP头”中添加参数“Access-Control-Allow-Origin”的选项,值设置为*。
cdn-Access-Control-Allow-Origin.png
重新打开浏览器,红叉叉消失了。

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