加载资源失败：服务器使用 Angular 响应状态为 404 ()，使用 GitHub Pages 部署

Posted 2023-02-23

【中文标题】加载资源失败：服务器使用 Angular 响应状态为 404 ()，使用 GitHub Pages 部署

【英文标题】：Failed to load resource: the server responded with a status of 404 () using Angular, deploying with GitHub Pages

【发布时间】：2021-07-30 20:49:51

【问题描述】：

我正在尝试使用 Angular 和 Github Pages 部署我的第一个网站。它部署成功，但我收到控制台错误“加载资源失败：服务器响应状态为 404 ()”在“主页：1”，“主页”指的是我的主页组件。我注意到除了 app.component.css 文件之外，我的网页的所有方面似乎都在工作。我的网站在本地运行时运行良好，在部署时，我的所有其他 CSS 文件都运行良好。我在整个互联网上进行了搜索，但似乎找不到解决此问题的方法。谢谢！

【参考方案1】：

如果您要将项目部署到 Github 项目页面，则需要将 baseHref 属性设置为存储库名称。 baseHref 将用于您网站上的所有相对 URL。您可以将 baseHref 指定为 angular.json 文件中项目架构师部署选项的一部分。或者只是将它作为 --base-href 标志传递给 ng deploy 命令。

另外，我希望你参考官方页面来缓解这个问题 - https://angular.io/guide/deployment#deploy-to-github-pages