最近站点使用了腾讯云对象存储和CDN,并且配置了跨域域名,加载网站时后台资源会显示ttf/woff2等字体文件或小图标的组件报错CORS ERROR,Ensure CORS response header values are valid

解决过程中在腾讯云配置了对象存储桶中的跨域访问CORS设置以及CDN的HTTP响应头配置,但是问题依旧无法解决。

最后在确认CDN的HTTP响应头配置中加入了Access-Control-Allow-Origin字段的前提下

在网站的nginx服务的配置文件中,可以在server块添加以下内容允许跨域:

add_header Access-Control-Allow-Origin https://domain.com;

其中domain改成需要跨域的域名(我是设置为CDN加速域名)即可,或者直接使用*允许所有跨域访问。

or

对于wordpress 字体无法访问的情况可以在配置文件中加入以下代码:

location ~ ..(eot|ttf|ttc|otf|eot|woff|woff2|svg)(.) {

add_header Access-Control-Allow-Origin https://domain.com;

}

保存重启nginx就可以了,如果需要立即生效还需要手动刷新cdn缓存——这是很关键的一步,如果没有刷新cdn缓存,就算是修改了nginx,把浏览器刷爆也是没用的

总算搞定了,又浪费我两个小时

此作者没有提供个人介绍。
最后更新于 2025-02-11