不食盐

不食盐

阅读:77

最后更新:2020/03/24/ 4:09:59

简单的字体文件的跨域问题和解决

处理这种跨域,只要设置Access-Control-Allow-Origin,允许目标域名访问就可以了,Access-Control-Allow-Origin是HTML5新增的一个特性,在资源类的域名下做如下配置(nginx的配置,apache相似处理)​


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

add_header Access-Control-Allow-Origin http://www.yourdomain.com;

}

配置完后,例牌reload配置,刷新CDN缓存,就ok了。

2020-03-24T02:09:33.jpg

这里说多一句,CDN会缓存当时的Response Header的,每次修改必须刷新CDN缓存,不然浏览器刷死也不会生效。​


Header set Access-Control-Allow-Origin "*"

# nginx config

if ($filename ~* ^.*?\.(eot)|(ttf)|(woff)$){

add_header Access-Control-Allow-Origin *;

}

版权申明

本文系作者 @不食盐 原创发布在走小路的博客站点。未经许可,禁止转载。

关于作者

站点职位 博主
获得点赞 0
文章被阅读 77

相关文章

目录树