启用七牛CDN之后字体等不加载解决方法

最近搭建的一个网站,由于用的国外比较豪华的程序,体积比较大,导致网站加载过慢。所以首先就想到了使用CDN进行静态加速。

当然,在国内首选就是七牛CDN了,因为七牛每个月都有免费额度,10 GB存储空间+10 GBCDN回源流出流量+10 GBCDN-HTTP 下载流量。这对于一个小型网站来说已经足够了。

如果有需要的朋友可以注册:七牛免费注册地址

用以上链接注册七牛可以奖励我一些免费流量,同志们互帮互助哦。

问题

在完成七牛cdn配置之后发现网站的所有图标、字体文件全部都显示403错误。基本都是woff,woff2,ttf等字体文件。

但是打开这些显示403错误的链接都是有内容的,百思不得其解。都准备删站重装了。

通过度娘发现了又同类问题的教程,大部分教程说是因为“字体文件跨域无法访问”导致的,而且有不少博主给出了解决方案。比较常见解决方案如下:

解决方案一:“直接在七牛云后台提交工单,将CDN响应头设置成 Access-Control-Allow-Origin: *。”

解决方案二:在Nginx的conf目录下修改nginx.conf,添加以下代码:

如果是apache的服务器,在httpd.conf里(或者/etc/apache2/apache2.conf)里加以下代码:

但是我比较懒,没有去提交工单。当然,也没有去尝试改动服务器配置文件,怕以后再出现其他未知的错误。

我重新检查了下七牛CDN域名的配置,发现我设置了防盗链,但是白名单里没有添加源站的域名。所以尝试添加了一下。再回到网站刷新发现字体文件全部回复正常了。

本站解决方法

所以,我的建议是先不要着急去提工单,也不要着急去该配置。而是先把CDN域名配置的防盗链白名单添加源站域名(主域名xxx.com以及泛域名*.xxx.com全部添)。

如果以上方法都不行,再去尝试修改上述两种方法。

参与评论

游客评论不支持回复他人评论内容,如需回复他人评论内容请