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

时间:2018-08-02 14:30:01

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

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

2 个答案:

答案 0 :(得分:1)

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

enter image description here

检查其他解决方案here

答案 1 :(得分:0)

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

  

如果应用使用Angular路由器,则必须将服务器配置为   询问文件时返回应用程序的宿主页(index.html)   它没有。   路由的应用程序应支持“深层链接”。深层链接是一个URL   指定应用程序内部组件的路径。例如,   http://someurl/heroes/42是指向英雄详细信息页面的深层链接   显示ID为42的英雄。

您是否正在使用任何Web服务器,例如Apache或Nginx?