Nginx实现跨域使用字体文件的配置详解
更新时间：2017年06月26日 09:12:14 作者：Carey
这篇文章主要给大家介绍了关于Nginx实现跨域使用字体文件的配置方法，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
本文主要给大家介绍了关于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搭建文件服务器,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-06-06
Nginx(PHP/fastcgi)的PATH_INFO问题
PATH_INFO是一个CGI 1.1的标准，经常用来做为传参载体. 比如, 我们可以使用PATH_INFO来代替Rewrite来实现伪静态页面, 另外不少PHP框架也使用PATH_INFO来作为路由载体.2011-08-08
Nginx是一款高性能的异步非阻塞服务器应用程序,人气相当高,这里我们就来看一下在Ubuntu上安装Nginx服务器程序及简单的环境配置小结:2016-07-07
这篇文章主要介绍了Nginx中root与alias区别 ,通过两个小例子来学习root和alias的区别，对Nginx中root与alias区别感兴趣的朋友跟随小编一起看看吧2022-08-08
这篇文章主要介绍了Logrotate如何实现每小时切割日志文件问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-05-05
现在的后端开发，动不动就是需要https，或者说是需要ssl证书，既然没有正版的证书，那么我们只能自己制作ssl的证书了。 证书的制作采用的是openssl工具，如果没有，可以自行安装下，因为笔者是在linux（ubuntu）下制作，所以一般是使用包管理工具（apt）安装好了的2021-06-06
在项目开发过程中,总是离不开日志解析的工作,虽然有些时候觉得确实挺繁琐的,但是静下心来会发现有时候也是挺有趣的1件工作。 下面这篇文章主要介绍了使用MongoDB分析Nginx日志的方法,需要的朋友可以参考借鉴，一起来看看吧。2017-01-01
最近这两天重新写了一下我的个人网站，在阿里云新买了一台服务器，配置好以后出现了一个问题，就是输入域名后域名地址会自动在后面追加两个斜杆,需要的朋友可以参考下2020-07-07
这篇文章主要介绍了Nginx服务状态监控的方法,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
这篇文章主要介绍了nginx location匹配实例详解的相关资料,需要的朋友可以参考下2017-06-06
最新评论