如何利用 sub_filter 指令实现在代理层动态修正响应中的缓存绝对路径访问地址

夏磊酱_8946

夏磊酱_8946

2026-05-07

252人浏览

原创

Nginx sub_filter可动态替换反向代理响应体中的绝对路径以适配代理入口,需确保响应未压缩、显式设置sub_filter_types、关闭sub_filter_once、并注意匹配限制与常见陷阱。

如何利用 sub_filter 指令实现在代理层动态修正响应中的缓存绝对路径访问地址

可以通过 Nginx 的 sub_filter 指令在反向代理响应体中动态替换 HTML、CSS、JS 等文本内容里的绝对路径(如 https://cdn.example.com/ 或 /static/),使其适配当前代理入口的域名或路径,从而解决静态资源跨域、缓存失效或路径错位问题。

确保 sub_filter 生效的基本前提

sub_filter 默认只作用于 text/html 类型响应,且不处理压缩内容。需确认以下几点:

  • 后端返回的响应头中 Content-Encoding 为 identity(未启用 gzip/brotli);若已压缩,需在 proxy 层先解压(用 gunzip on 或关闭后端压缩)
  • 显式设置 sub_filter_types 才能处理 text/css、application/javascript 等类型
  • sub_filter 是逐行匹配的,不支持正则,也不跨行;大块注释或换行可能影响替换效果
  • 必须启用 sub_filter_once off 才能全局替换所有匹配项(默认只替换第一个)

典型场景:将后端绝对路径重写为代理层相对路径

假设后端应用生成的 HTML 中含:
<link rel="stylesheet" href="https://www.php.cn/link/8b63b93bbe10e6712a7ecfc86c7c735estatic/main.css">
而你通过 https://proxy.example.com/app/ 代理访问,希望改为:
<link rel="stylesheet" href="/app/static/main.css">

配置示例如下:

location /app/ {
    proxy_pass https://backend-app/;
    proxy_set_header Host $host;
<pre class="brush:php;toolbar:false;"># 启用 sub_filter
sub_filter "https://www.php.cn/link/8b63b93bbe10e6712a7ecfc86c7c735e" "/app/";
sub_filter "http://app.example.com/" "/app/";
sub_filter_once off;
sub_filter_types text/html text/css application/javascript;

# 防止后端返回 gzip 导致 sub_filter 失效
proxy_http_version 1.1;
proxy_set_header Accept-Encoding "";
gunzip on;

# 可选:修正 Location 响应头中的跳转路径(与 sub_filter 无关,但常配套使用)
proxy_redirect https://www.php.cn/link/8b63b93bbe10e6712a7ecfc86c7c735e /app/;

}

进阶技巧:结合变量实现动态路径注入

若代理路径由变量决定(如多租户子路径 /t1/、/t2/),可用 map + sub_filter 实现条件替换:

map $uri $upstream_host {
    ~^/t1/(.*)$ app-tenant1.example.com;
    ~^/t2/(.*)$ app-tenant2.example.com;
}
<p>map $uri $sub_path {
~^/t1/(.<em>)$ /t1/;
~^/t2/(.</em>)$ /t2/;
}</p><p>server {
location ~ ^/(t1|t2)/ {
proxy_pass <a href="https://www.php.cn/link/92732d8798add606646430bbd6748bfd">https://www.php.cn/link/92732d8798add606646430bbd6748bfd</a>;
sub_filter "<a href="https://www.php.cn/link/8b63b93bbe10e6712a7ecfc86c7c735e">https://www.php.cn/link/8b63b93bbe10e6712a7ecfc86c7c735e</a>" $sub_path;
sub_filter_once off;
sub_filter_types text/html text/css application/javascript;
...
}
}</p>

注意:sub_filter 不支持直接引用复杂变量(如嵌套 map 结果),建议用简单变量或预定义值,避免运行时解析失败。

常见陷阱与规避方式

  • 响应体过大导致截断:Nginx 默认只缓存前 1MB 响应做 sub_filter,超长内容末尾不处理。可通过 sub_filter_last_modified on(需 1.13.5+)配合 proxy_buffering on 和增大 proxy_buffers 缓解
  • HTTPS 资源被浏览器阻止混合内容:若代理是 HTTPS,但 sub_filter 替换出 http:// 路径,浏览器会屏蔽。务必统一替换为 / 开头的相对路径或 https:// 协议
  • JSON 或内联脚本中的路径误替换:sub_filter 无上下文识别能力,可能误改字符串字面量。可缩小 sub_filter_types 范围,或让后端用占位符(如 __ASSET_BASE__),再用 sub_filter 精准替换
  • 字符编码不一致:确保后端响应头声明 charset=utf-8,且 sub_filter 替换内容编码相同,否则出现乱码或匹配失败

不复杂但容易忽略。关键是理清数据流向:后端输出 → Nginx 解压/缓冲 → sub_filter 扫描替换 → 发送给客户端。每一步都可能成为断点。

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
nginx 重启
nginx 重启

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

2023.07.27

403

5

nginx 配置详解
nginx 配置详解

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

2023.08.04

3587

6

nginx配置详解
nginx配置详解

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

2023.08.04

6325

6

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

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

2024.02.23

581

5

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

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

2024.07.09

1496

5

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

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

2024.08.07

3978

3

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

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

2026.01.13

122

12

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

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

2026.01.13

477

23

Nginx跨平台安装实操指南:Windows、macOS与Linux环境快速搭建
Nginx跨平台安装实操指南:Windows、macOS与Linux环境快速搭建

本指南详解Nginx在Windows、macOS及Linux系统的安装全流程。涵盖官方包解压、Homebrew一键部署、APT/YUM源配置及Docker容器化方案。无论新手或开发者,均可快速搭建运行环境,掌握跨平台核心指令,为后续配置与调优奠定坚实基础。

2026.03.16

159

12

热门下载

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

精品课程

更多
热门推荐
/
最新课程
phpStudy极速入门视频教程
phpStudy极速入门视频教程

共6课时 | 54.7万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时 | 133.7万人学习