讲师中心 微信公众号
AI工具推荐 视频效率加速

Nginx 中怎么配置 valid_referers 保护跨域调用的静态字体资源

大涛姑娘_6312

大涛姑娘_6312

发布时间:2026-11-03 14:43:20

|

476人浏览过

|

来源于php中文网

原创

应柔性配置Nginx valid_referers白名单,包含none、blocked、主站及子域、可信CDN/平台域名等,按字体后缀或目录精准匹配,配合403拦截与长缓存,Referer仅作基础防护,高敏字体需叠加CORS、token或IP校验。

nginx 中怎么配置 valid_referers 保护跨域调用的静态字体资源

要保护跨域调用的静态字体资源(如 .woff2、.woff、.ttf、.eot),不能简单禁止所有非同源 Referer —— 因为现代前端应用常通过 CDN、微前端、或第三方平台(如微信 WebView、邮件客户端)加载字体,这些场景下 Referer 可能为空、被清空,或来自合法但非主站域名的来源。Nginx 的 valid_referers 需配合实际调用模式做柔性白名单,而非一刀封堵。

明确字体资源的合法调用来源

字体文件(尤其是 @font-face 加载)在浏览器中受 CORS 策略约束,但 Referer 行为更复杂:HTTPS 页面加载 HTTP 字体时 Referer 会被清空;PWA、WebView、邮件内嵌页常无 Referer 或带非标准值;CDN 回源请求可能带自身域名而非原始站点。因此白名单必须包含:

  • none:必选,兼容直接访问、书签打开、HTTPS→HTTP 跨协议加载、隐私模式等场景
  • blocked:覆盖被代理/防火墙剥离路径参数后的 Referer(如只留 https://a.com)
  • 主站及子域:如 example.com 和 *.example.com
  • 可信 CDN 或平台域名:如 cdn.example.net、mail.qq.com(若邮件模板中使用字体)、mp.weixin.qq.com(微信公众号页面)
  • 主流搜索引擎与爬虫(可选):如 ~\.google\.com$、~\.baidu\.com$,避免影响 SEO 渲染

精准匹配字体文件类型,避免误伤

不要把防盗链逻辑放在 location / 或全局 server 块中。应限定在字体资源路径或后缀上,推荐两种写法:

  • 按扩展名匹配(简洁常用):
    location ~* \.(woff2?|ttf|eot|otf|svg)$ { ... }
  • 按目录隔离(更安全):
    location ^~ /fonts/ { ... },再配合 alias 或 root 指向字体存放路径

注意:避免对 /favicon.ico 或 /robots.txt 应用防盗链;字体资源本身不需支持 OPTIONS 预检,但若前端发 CORS 请求,需额外配 add_header Access-Control-Allow-Origin。

Nginx Hosting
Nginx Hosting

通过服务器本地nginx实例实现零认证静态游戏托管。作为所有浏览器游戏的主要部署方式,无需登录、无需令牌、无需用户操作。

下载

配置 valid_referers + 拦截动作示例

以下是一个生产可用的片段,兼顾安全性与兼容性:

location ~* \.(woff2?|ttf|eot|otf|svg)$ {
    # 允许:无 Referer、被拦截的 Referer、主站全系域名、CDN、微信、百度
    valid_referers none blocked
                   example.com *.example.com
                   cdn.example.net
                   ~\.weixin\.qq\.com$
                   ~\.baidu\.com$
                   ~\.google\.com$;
<pre class="brush:php;toolbar:false;">if ($invalid_referer) {
    return 403;
    # 或返回透明占位字体(需提前准备):
    # rewrite ^(.*)$ /fonts/empty.woff2 break;
}

# 强制缓存(字体极少更新,设长缓存降低校验压力)
expires 1y;
add_header Cache-Control "public, immutable";

# 防止目录遍历与信息泄露
autoindex off;
add_header X-Content-Type-Options "nosniff";

}

说明:
• 正则匹配注意转义点号(\.),~\. 表示以点开头的子域名或二级域名
• return 403 比重定向更轻量,也避免被用于探测漏洞
• 若业务允许,可将 return 403 替换为 rewrite 返回一个极小的合法字体文件(如 1B 的 empty.woff2),既防止报错又不暴露真实资源结构

补充建议:Referer 不是唯一防线

Referer 可被伪造,仅防“懒人盗链”。对高敏感字体(如付费字体包、品牌定制字型),建议叠加:

  • CORS 头强化:加 add_header Access-Control-Allow-Origin "https://example.com";,限制浏览器端跨域加载
  • Token 验证(进阶):用 secure_link 模块生成有时效的 URL,前端通过后端接口获取带签名的字体链接
  • IP 白名单(内网场景):结合 geo 或 map 指令,对内部系统调用放行全部 Referer

不复杂但容易忽略:每次修改后务必用 nginx -t 检查语法,并用 curl -H "Referer: https://bad-site.com" https://your.com/fonts/icon.woff2 实测拦截效果。

热门AI工具

更多
豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

小橡皮AI

一款AI工具,主要用于小橡皮一键去AI味,将机器味重的内容改得更有活人感,防止因为 AI 内容被平台打上 AI 标签,以及限流,适合需要提升相关任务效率的用户。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

花生AI
花生AI Hot

一款AI视频创作工具,主要用于B站推出的AI视频创作工具,适合需要提升相关任务效率的用户。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

相关专题

更多
nginx 重启
nginx 重启

nginx重启对于网站的运维来说是非常重要的,根据不同的需求,可以选择简单重启、平滑重启或定时重启等方式。本专题为大家提供nginx重启的相关的文章、下载、课程内容,供大家免费下载体验。

423

2023.07.27

nginx 配置详解
nginx 配置详解

Nginx的配置是指设置和调整Nginx服务器的行为和功能的过程。通过配置文件,可以定义虚拟主机、HTTP请求处理、反向代理、缓存和负载均衡等功能。Nginx的配置语法简洁而强大,允许管理员根据自己的需要进行灵活的调整。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

4007

2023.08.04

nginx配置详解
nginx配置详解

NGINX与其他服务类似,因为它具有以特定格式编写的基于文本的配置文件。本专题为大家提供nginx配置相关的文章,大家可以免费学习。

6865

2023.08.04

tomcat和nginx有哪些区别
tomcat和nginx有哪些区别

tomcat和nginx的区别:1、应用领域;2、性能;3、功能;4、配置;5、安全性;6、扩展性;7、部署复杂性;8、社区支持;9、成本;10、日志管理。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

601

2024.02.23

nginx报404怎么解决
nginx报404怎么解决

当访问 nginx 网页服务器时遇到 404 错误,表明服务器无法找到请求资源,可以通过以下步骤解决:1. 检查文件是否存在且路径正确;2. 检查文件权限并更改为 644 或 755;3. 检查 nginx 配置,确保根目录设置正确、没有冲突配置等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1516

2024.07.09

Nginx报404错误解决方法
Nginx报404错误解决方法

解决方法:只需要加上这段配置:try_files $uri $uri/ /index.html;即可。想了解更多Nginx的相关内容,可以阅读本专题下面的文章。

3978

2024.08.07

nginx部署php项目教程汇总
nginx部署php项目教程汇总

本专题整合了nginx部署php项目教程汇总,阅读专题下面的文章了解更多详细内容。

122

2026.01.13

nginx配置文件详细教程
nginx配置文件详细教程

本专题整合了nginx配置文件相关教程详细汇总,阅读专题下面的文章了解更多详细内容。

537

2026.01.13

Docker Desktop怎么设置端口映射
Docker Desktop怎么设置端口映射

本专题聚焦Docker Desktop容器端口映射与访问配置,整理从创建容器、设置端口绑定到验证本地服务访问的操作流程。针对端口被占用、映射配置错误、容器服务无法访问等情况,也提供相应的检查方向,方便用户完成端口配置。

0

2026.11.03

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
phpEnv手册
phpEnv手册

共0课时 | 0人学习

nginx手册
nginx手册

共0课时 | 0人学习

进程与SOCKET
进程与SOCKET

共6课时 | 0.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn