该问题本质是后端返回的HTML中资源链接使用绝对路径，而Nginx未代理对应路径导致404；可通过补全location规则代理静态路径、sub_filter重写HTML中的路径，或后端改用相对路径/可配置baseURL解决。
这个问题本质是后端服务返回的 HTML 中，CSS、JS、图片等资源链接用了 绝对路径（比如 /static/js/app.js 或 https://api.example.com/assets/logo.png），而反向代理未覆盖这些路径，导致浏览器直接向当前域名（而非后端服务）发起请求，但 Nginx 没配对应 location，最终 404。
确认是否为绝对路径引发的问题
打开浏览器开发者工具 → Network 面板 → 刷新页面 → 筛选 404 请求。观察失败资源的 Request URL：
- 如果 URL 是
https://yourdomain.com/static/xxx.js（即以你反代域名开头，但路径在 Nginx 中无对应配置），基本就是此问题； - 如果 URL 是
https://backend-server:3000/static/xxx.js（暴露了后端地址），说明后端返回了硬编码的完整域名，需后端改用相对路径或可配置 baseURL； - 若 URL 是
/js/app.js（纯路径，无域名），则属于 Nginx 路径映射缺失，需补全静态资源代理规则。
方案一：Nginx 代理静态资源路径（推荐，无需改后端）
在 Nginx 配置中，除主 location / 外，显式声明静态资源路径的代理规则，确保所有常见资源前缀都被捕获并转发到后端：
location ^~ /static/ {
proxy_pass http://$upstream_pool/;
}
location ^~ /assets/ {
proxy_pass http://$upstream_pool/;
}
location ^~ /js/ {
proxy_pass http://$upstream_pool/;
}
location ^~ /css/ {
proxy_pass http://$upstream_pool/;
}
location ^~ /images/ {
proxy_pass http://$upstream_pool/;
}
location ^~ /img/ {
proxy_pass http://$upstream_pool/;
}
注意：proxy_pass 末尾的 / 很关键——它会剥离匹配的前缀（如 /static/），再拼接后端路径，避免出现 /static/static/js/app.js 这类错误。
方案二：用 sub_filter 重写 HTML 中的绝对路径（适合无法修改后端时）
在主 location 块中启用 HTML 内容替换，把后端返回的绝对路径动态替换成相对路径或当前域名路径：
location / {
proxy_pass http://$upstream_pool;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
<pre class="brush:php;toolbar:false;"># 启用 HTML 替换（需编译时含 --with-http_sub_module）
sub_filter 'src="/static/' 'src="/static/';
sub_filter 'href="/css/' 'href="/css/';
sub_filter_types text/html;
sub_filter_once off;}
更稳妥的做法是将后端的绝对路径（如 https://backend.example.com/static/）替换成 /static/，前提是能准确识别原始字符串。注意该方式对压缩 HTML 或 JS 内联脚本无效，且性能略低。
方案三：后端配合使用相对路径或运行时 baseURL
根本性解决，建议长期采用：
- 前端构建时，配置
publicPath: './'（Vue CLI）或base: './'（Vite），让所有资源引用变为相对路径； - 后端模板（如 EJS、Thymeleaf）中避免写死
/static/xxx，改用环境变量注入，例如<script src="%24%7BbaseURL%7D/js/app.js"></script>； - 若用 React/Vue SPA，确保
router.base或publicPath与部署路径一致，避免路由和资源路径错位。
不复杂但容易忽略：核心在于让浏览器发起的每个资源请求，都能被 Nginx 的某条 location 规则捕获并正确转发。优先补全静态路径代理，再考虑内容替换或推动后端优化。
