在 GitHub Pages 中部署 Angular 应用程序

Question

我有一个使用自定义域的 GitHub 页面网站。

该域服务于一个用 Angular 制作的 web 应用程序，但是当我访问我的域时，.js 和 .css 文件没有加载，并且在 DevTools/Network 上，我看到每个 .js 或 .css 文件都有一个 404 Not Found 我在分配给 GitHub pages 域的分支。

Answer 1

这是 Angular 中的一个常见问题。当你生成你需要使用的包时：

ng build --prod --base-href ./ 

将 base-href 设置为包含捆绑包的根文件夹。或者，如果您已经部署了项目，只需编辑 index.html 并将基本标记更改为

 <base href="./">

the docs 中的更多信息。