Angular 4/5/6-页面刷新时的文档状态为404

时间:2018-10-11 11:55:41

标签: angular .htaccess nginx

为澄清起见,此问题与缺少.htaccess重定向的“错误404”页面未找到问题无关。

它是一个在Nginx上托管的Angular 5应用,其中正常的角度路由效果很好,在页面上可以按预期刷新页面加载。

但是,如果您选中Chrome developer tool -> Network tab -> filtered with "Doc",则可以看到该路由的404状态。

场景:

  1. http://example.com通过angular重定向到http://example.com/home路由。

  2. 刷新后,将显示以下内容。

enter image description here

1 个答案:

答案 0 :(得分:1)

那是因为没有home页面,而是在遇到错误时将您重定向到http://example.com,尝试使用http://example.com/testing,您将获得相同的结果。

在没有请求的URL的情况下,您需要设置角度路线并设置默认路线。

Angular route