为加快访问速度,节省主站资源,可以把网站静态资源放置于专用存储服务器上。
但是,当静态资源被主站js文件调用时,会出现跨域访问限制问题,导致无法成功调用。
这时,可以通过设置存储服务器的跨域调用规则来实现调用。
例如,非学·派使用的是阿里云oss服务,想把Google字体保存在oss服务器上,但是无法调用,设置方法如下:
进入阿里云控制面板 -> 对象存储OSS -> bucket,寻找自己要修改的bucket -> 权限管理 -> 跨域设置 -> 创建规则 -> 来源输入主站域名,允许methods可以按需选择,不懂的话可以全部选中,允许headers正常情况填写*就可以,缓存时间可以填写的大一点例如60s -> 确定。
这时,回到主站测试,发现字体可以正常调用了。其他云服务类似,可参考相应公司提供的Document。
p.s. 好像中科大的开放字体库也不能调用了,不知道是什么原因。
现在你的站速度飞起来了:)
是啊,这个长假让我有时间做优化,终于快一些了!