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; //只允许单域名或者 ‘*' 。不推荐 ‘*' ,会导致安全问题
原文链接:https://carey.akhack.com/2017/06/08/Nginx跨域使用字体文件的配置方法/
(资源库 www.zyku.net)
栏 目:Nginx
下一篇:Nginx之allow、deny名词解释以及用法介绍
本文标题:Nginx实现跨域使用字体文件的配置详解
本文地址:https://www.zyku.net/nginx/1439.html
您可能感兴趣的文章
- 11-05Notepad++字体设置的方法
- 06-15Dreamweaver cs6设置代码字体大小的方法
- 03-12Sublime Text主题字体的修改方法
- 02-22dedecms文章页增加内容字体大小选择的功能
- 02-20Ubuntu安装字体教程
- 02-20CentOS字体安装
- 02-20Apache设置反向代理解决js跨域问题
- 02-20notepad++如何调整字体大小
- 02-20sublime text3 字体大小设置教程
- 02-18完美解决ajax跨域请求下parsererror的错误
- 10-30iOS15.2隐私报告有什么用
- 03-19oppofindx3pro应用锁设置教程
- 10-15红米k40启用地震预警方法分享
- 09-24腾讯会议在哪里开启长期会议号
- 07-15帝国整合dz7.1后退出到首页的两种方法
- 12-07苹果手机如何调节屏幕清晰度
- 11-27微信如何关闭超级影视vip自动续费
- 09-24咕咚如何添加跑步机
- 01-14伟班-伟班应用软件功能介绍
- 02-09python中的plt.cm.Paired用法说明
最近更新
阅读排行
猜你喜欢
- 01-12际客-际客应用软件功能介绍
- 09-12抖音短视频如何设置视频封面
- 03-31浅谈python数据类型及其操作
- 09-23华为平板恢复出厂设置方法分享
- 01-11千纳美律师端-千纳美律师端应用软件功
- 04-14魅族18pro开发者模式开启教程
- 07-29jquery v1.5.2
- 07-16短信验证码工作原理
- 01-06小米12超级壁纸怎么设置
- 03-31CentOS 7 开机/etc/rc.local 不执行的