【问题标题】:refreshing the page results in 404 error- AWS - Angular 6刷新页面导致 404 错误-AWS-Angular 6
【发布时间】:2019-01-10 08:57:30
【问题描述】:

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

【问题讨论】:

标签: angular angular-ui-router angular5 angular6 angular4-router


【解决方案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 服务。
猜你喜欢
  • 2018-11-27
  • 2020-07-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-04-02
  • 1970-01-01
  • 2023-03-17
相关资源
最近更新 更多