必须用 alias 实现精准路径映射：location ^~ /admin/ { alias /opt/ant-design-pro/; index index.html; autoindex off; }，确保请求 /admin/js/app.js 直接读取 /opt/ant-design-pro/js/app.js，不拼接、不越权、不404。
用 alias 代理第三方开源后台的静态资源目录，关键不是“代理”，而是“精准映射”——把请求路径原样、安全地落到目标物理目录，不拼接、不越权、不 404。
必须用 alias，不能用 root
第三方后台（比如 Ant Design Pro、Vue Admin、Spring Boot Actuator 的前端页面）通常自带固定静态路径前缀，如 /admin/、/console/ 或 /static/。若用 root：
-
location /admin/ { root /opt/my-admin; }→ 实际查找/opt/my-admin/admin/xxx.js（多一层admin） - 必然 404，因为真实文件在
/opt/my-admin/js/app.js，不在子目录里
而 alias 直接替换匹配段：
-
location /admin/ { alias /opt/my-admin/; }→ 请求/admin/js/app.js就读取/opt/my-admin/js/app.js - 注意：末尾斜杠必须一致 ——
location以/结尾，alias也必须以/结尾
处理常见第三方后台路径结构
多数开源后台的构建产物是扁平目录（无额外前缀），例如：
/opt/ant-design-pro/ ├── index.html ├── js/ ├── css/ └── assets/
对应配置为：
- 若想通过
https://example.com/admin/访问：location ^~ /admin/ { alias /opt/ant-design-pro/; } - 若后台本身构建时设了
homepage: "/admin/"，则它生成的<script src="/admin/js/app.js"></script>才能被正确命中 - 务必加
^~前缀，避免正则 location 干扰优先级
补充必要指令，防止踩坑
仅 alias 不够，还需配套设置：
-
显式指定默认页：
index index.html;放在location块内，否则访问/admin/会返回 403 或 404 -
禁用目录浏览：
autoindex off;（默认已关，但显式写上更稳妥） -
支持跨域资源（如字体、图标）：
add_header Access-Control-Allow-Origin *;（仅开发或可信内网环境） -
缓存优化（可选）：
expires 1h;或add_header Cache-Control "public, max-age=3600";
完整示例：代理一个开源监控后台
假设 Prometheus Alertmanager 前端构建产物放在 /var/www/alertmanager/，你想用 /alert/ 暴露：
location ^~ /alert/ {
alias /var/www/alertmanager/;
index index.html;
autoindex off;
expires 10m;
add_header Cache-Control "public, immutable";
}
此时所有请求：
-
/alert/→ 返回/var/www/alertmanager/index.html -
/alert/static/js/main.abc123.js→ 返回/var/www/alertmanager/static/js/main.abc123.js - 路径完全对齐，无拼接、无跳转、无重写
