刷新页面导致 404 错误-AWS-Angular 6

Posted 2023-02-27

【中文标题】刷新页面导致 404 错误-AWS-Angular 6

【英文标题】：refreshing the page results in 404 error- AWS - Angular 6

【发布时间】：2019-01-10 08:57:30

【问题描述】：

我正在 Angular6 的帮助下构建应用程序，但在路由方面遇到问题。当我单击特定选项卡时，所有路线都在工作，但每当我刷新当前页面时，它都会引发 404 错误。我尝试了 Hashtag 定位策略，但在 URl 中获得了 #。有没有其他方法可以在没有哈希策略的情况下实现。目前应用程序托管在 AWS 中。

【问题讨论】：

Angular 2: 404 error occur when I refresh through the browser的可能重复

【参考方案1】：

一种解决方法是在错误文档部分添加 index.html，但不建议这样做。

查看其他解决方案here。

【讨论】：

是的，我想到的唯一解决方案就是这个，在错误文档中添加 index.html，导致 Angular 路由器需要解析任何路由才能返回 index.html，请参阅此帖子 @987654323 @

【参考方案2】：

如果您使用的是 EC2，请查看 Deployment section in the docs。 您使用的网络服务器必须处理这些请求：

如果应用使用 Angular 路由器，您必须将服务器配置为 在被要求提供文件时返回应用程序的主机页面 (index.html) 它没有。 路由应用程序应支持“深层链接”。深层链接是 URL 指定应用程序内部组件的路径。例如， http://someurl/heroes/42 是英雄详情页面的深层链接 显示 id 为 42 的英雄。

您是否使用任何网络服务器，例如 Apache 或 nginx？

【讨论】：

感谢您的快速回复。不，我没有使用 Apache 或 Nginx

您如何为应用程序提供服务？您使用的是什么服务？

使用 AWS 服务

AWS 有无数的服务，其中许多可用于为静态 html 应用程序（EC2、S3 等）提供服务。你应该告诉我们你正在使用哪个。

Christian Benseler AWS S3 服务。