Nginx实现跨域使用字体文件的配置详解
2017-06-26 09:12
579 查看
本文主要给大家介绍了关于Nginx跨域使用字体文件的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍:
问题描述
今天在使用子域名访问根域名的CSS时,发现字体无法显示,在确保CSS和Font字体的路径加载无问题后,基本确定是因为跨域的问题。
通过Nginx模块
Http_Headers_Module来添加
Access-Control-Allow-Origin允许的地址
console报错信息
ccess to Font at 'http://w001.static.akhack.com/css/KohinoorBangla-Regular.ttf' from origin 'http://carey.akhack.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://carey.akhack.com' is therefore not allowed access.
解决方法
location ~* \.(eot|ttf|woff|svg|otf)$ { add_header Access-Control-Allow-Origin http://carey.akhack.com; add_header Access-Control-Allow-Headers X-Requested-With; add_header Access-Control-Allow-Methods GET,POST,OPTIONS; }
注意
add_header Access-Control-Allow-Origin http://carey.akhack.com; //只允许单域名或者 ‘*' 。不推荐 ‘*' ,会导致安全问题
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。
您可能感兴趣的文章:
相关文章推荐
- Nginx跨域使用字体文件的配置方法
- CentOS6.5环境使用keepalived实现nginx服务的高可用性及配置详解
- 使用apache和nginx代理实现tomcat负载均衡及集群配置详解
- 【小平工作日志】nginx配置文件nginx.conf中的location 使用详解。
- Nginx服务器安装及配置文件与使用详解
- Nginx 配置文件Nginx.conf变量使用详解
- 使用apache和nginx代理实现tomcat负载均衡及集群配置详解
- CentOS6.5环境使用keepalived实现nginx服务的高可用性及配置详解
- nginx配置文件详解
- 用Perl写一个读取nginx配置文件到csv,实现域名与IP对应的实用程序
- nginx配置文件详解
- nginx配置文件详解
- Nginx配置文件中文注释详解(参考)
- nginx + tomcat 集群配置详解, 实现负载均衡 URLRewrite Session复制
- 使用nginx来负载均衡,本文在window与linux下配置nginx实现负载
- FreeBSD学习笔记12-pureftpd使用详解(1)-安装、配置、实现匿名登录
- 使用nginx来负载均衡 本文在window与linux下配置nginx实现负载
- Nginx配置文件中文注释详解
- 用户系列之四:用户登录过程之配置文件的使用详解
- ITCAST视频-Spring学习笔记(使用Spring配置文件实现AOP)