可在Nginx负载均衡层用sub_filter动态替换响应体中的静态资源URL，实现跨后端域名路径统一；需满足响应为文本类型、未压缩、显式配置sub_filter_types且启用sub_filter_once off等前提。
可以在 Nginx 负载均衡层用 sub_filter 动态替换响应体中的静态资源 URL，实现跨后端域名的路径统一，无需修改后端代码。
确保 sub_filter 生效的基本前提
sub_filter 只作用于 文本响应体（如 HTML、CSS、JS），且默认不处理压缩内容。需确认以下几点：
- 后端返回的 Content-Type 必须是
text/html、text/css等可识别的文本类型； - 响应不能启用 gzip（或需配合
sub_filter_once off和gzip_static off）； - 必须开启
sub_filter_types显式声明支持的 MIME 类型； -
sub_filter默认只替换第一个匹配项，如需全局替换，加sub_filter_once off。
统一修正不同后端的静态资源前缀
假设后端服务分别部署在 app1.example.com 和 app2.example.com，各自硬编码了类似 /static/xxx.js 或 https://app1.example.com/static/xxx.css 的路径，而你希望全部指向统一 CDN 域名 https://cdn.example.com：
location / {
proxy_pass https://backend_cluster;
proxy_set_header Host $host;
<pre class="brush:php;toolbar:false;"># 启用 sub_filter 并支持 HTML/CSS/JS
sub_filter_types text/html text/css text/javascript application/javascript;
sub_filter_once off;
# 替换绝对路径（含域名）
sub_filter 'https://app1.example.com/static/' 'https://cdn.example.com/';
sub_filter 'https://app2.example.com/static/' 'https://cdn.example.com/';
sub_filter 'https://app1.example.com/assets/' 'https://cdn.example.com/';
sub_filter 'https://app2.example.com/assets/' 'https://cdn.example.com/';
# 替换相对路径（补全为 CDN 绝对路径）
sub_filter 'src="/static/' 'src="https://cdn.example.com/';
sub_filter 'href="/static/' 'href="https://cdn.example.com/';
sub_filter 'url("/assets/' 'url("https://cdn.example.com/';}
处理动态生成的内联脚本与样式
部分前端框架（如 Vue SSR、Next.js）会在 HTML 中内联 JS/CSS，其中可能包含带协议或域名的资源引用。此时需注意：
-
sub_filter对内联内容同样有效，只要它出现在响应体中； - 避免过度匹配：用更精确的模式，例如
'src="/static/js/app.'替代宽泛的'/static/'，防止误改 JSON 字符串或注释； - 若后端返回
<script>fetch("/api/user")</script>，不应被误替换，所以推荐使用带上下文的锚定写法（如'src="/static/'而非'/static/'）。
调试与限制提醒
sub_filter 是字符串级替换，无语法解析能力，因此有明确边界：
- 不支持正则表达式，无法处理路径参数或 hash 变化（如
/static/a.js?v=1.2.3需完整匹配）； - 不修改 HTTP 响应头（如
Content-Security-Policy中的script-src），这类需额外用add_header覆盖； - 建议搭配
sub_filter_last_modified on（Nginx 1.13.5+）保持 Last-Modified 头不变，避免缓存失效问题； - 上线前用
curl -s http://lb/ | grep -o 'https://cdn.example.com[^"]*'快速验证替换结果。
