关联GitHub的Angular项目在Netlify部署后访问链接损坏求助

• 核对Netlify构建设置
  • 构建命令填写：Angular 12及以下版本填ng build --prod，Angular 14及以上版本填ng build --configuration production
  • 发布目录填写dist/项目实际生成文件夹名，可以先在本地执行对应构建命令，查看dist目录下自动生成的文件夹名称，不要直接填写dist根目录
• 配置SPA路由适配规则
  Angular默认使用HTML5路由模式，需要在项目根目录新建_redirects文件，写入内容/* /index.html 200，同时在angular.json的assets配置项中添加该文件，确保构建后文件会被打包到dist输出根目录，被Netlify识别生效。
• 排查构建日志报错
  若部署阶段存在依赖安装失败、Angular编译报错，会导致发布目录无有效静态资源。常见原因为Node版本不兼容，可在Netlify环境变量中新增NODE_VERSION参数，值和本地开发使用的Node大版本保持一致即可。
• 核对base href配置
  若站点部署在域名子路径下，需要在构建命令后追加--base-href /对应子路径/，若部署在根路径，保持index.html中<base href="/">的默认配置即可。

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