Angular 17升级后@nx/web:file-server路径配置问题求助

Angular 17默认将构建产物输出到/dist/apps/[my-app-name]/browser/目录下，这和Angular 16的结构差异导致了静态资源路径匹配错误。你可以通过以下方式修改@nx/web:file-server的配置，让服务直接指向browser目录：

直接指定静态文件根目录 #

在project.json的serve-static配置中添加staticFilePath选项，明确指向browser子目录：

[...]
"serve-static": {
  "executor": "@nx/web:file-server",
  "options": {
    "buildTarget": "[my-app-name]:build",
    "staticFilePath": "dist/apps/[my-app-name]/browser"
  }
},
[...]

修改后执行原命令npx nx serve-static [my-app-name]，此时服务的根目录就是browser文件夹，访问http://localhost:4200/en/即可正常加载所有静态资源，不会再出现404错误。

内容的提问来源于stack exchange，提问作者user3241778