Angular 14 ng serve设置base path失败求助：执行命令后无内容加载

只使用--serve-path /pis/会导致页面加载失败，因为这个参数仅配置了开发服务器的挂载路径，但Angular应用自身的资源引用、路由跳转还不知道要基于/pis/这个路径，得配合--base-href参数一起用。

临时启动方案 #

直接在启动命令里同时指定两个参数：

ng serve --base-href /pis/ --serve-path /pis/

• --base-href：告诉Angular应用，所有静态资源、路由路径都以/pis/为基准
• --serve-path：让开发服务器把整个应用挂载到/pis/路径下对外提供访问

永久配置方案 #

如果不想每次启动都输参数，可以修改angular.json文件：

1. 找到项目对应的architect > build > options节点，添加"baseHref": "/pis/"
2. （可选）如果想默认启动就用这个路径，再找到architect > serve > options节点，添加"servePath": "/pis/"
   之后直接执行ng serve就能自动以/pis/作为基础路径启动。

排查要点 #

如果还是加载失败，打开浏览器控制台看报错信息：

• 若出现大量404错误，检查路径拼写是否正确（比如斜杠是否遗漏、大小写是否匹配）
• 确认路由配置里的路径有没有和baseHref冲突

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