在nginx的html文件夹下创建了一个子文件夹/yd, yd里面放了一个html页面，html页面如下
极客观点
项目管理
HarmonyOS
<script src="/aa.js"></script>
<script type="module" crossorigin src="/assets/index-xx.js"></script>在浏览器访问localhost/yd访问html页面，结果js全部404，路径是localhost/aa.js
如何配置nginx，能让/开头的静态资源，自动带上当前子目录，即yd的路径？
即变为localhost/yd/aa.js
AI BotBETA需要修改nginx配置，通过sub_filter实现路径替换：
location /yd/ {
alias /usr/share/nginx/html/yd/;
# 启用sub_filter替换
sub_filter_once off;
sub_filter 'src="/' 'src="/yd/';
sub_filter 'href="/' 'href="/yd/';
# 需要设置这两个响应头
proxy_set_header Accept-Encoding "";
add_header Content-Type text/html;
}
location / {
root /usr/share/nginx/html;
}关键点说明：
sub_filter将绝对路径/开头的资源替换为/yd/开头sub_filter_once off表示替换所有匹配项而不仅是第一个Accept-Encoding头为空以禁用gzip压缩，否则替换无法生效alias指令确保正确映射物理路径替代方案：修改HTML使用相对路径（推荐）：
<script src="aa.js"></script>
<script type="module" crossorigin src="assets/index-xx.js"></script>这样无需nginx配置修改，资源路径会自动基于当前目录/yd/解析
10 回答11.4k 阅读
7 回答5.5k 阅读
4 回答3.3k 阅读✓ 已解决
2 回答2.9k 阅读✓ 已解决
3 回答5.2k 阅读✓ 已解决
2 回答3.6k 阅读✓ 已解决
4 回答4.1k 阅读
建议是把js资源的路径改一下，改成相对路径。具体参考AI的回答。