使用HTML5路由时,Angular 2的路由器是否已损坏？

Question

这整条新路线的结构听起来很不错,现在我觉得它确实存在.我放弃了尝试使其工作,在这里我注意到甚至Angular 2页面中的主要示例都不起作用.如果您打开实例并且尝试它只是单击它很酷并且您可以看到网址中的路径被更改,但它只是更改字符串路径不存在,如果您复制您的网址并发送它对某人他们会收到以下错误:

{
    "statusCode": 404,
    "error": "Not Found"
}

即使你只是刷新页面,你也会得到同样的错误.

如果要重现该问题,请打开以下URL:

https://angular.io/resources/live-examples/tutorial/ts/plnkr.html

单击实时预览右上角的"在单独的窗口中启动预览"按钮,等待它加载页面,当您看到URL更改为:

http://run.plnkr.co/KMzM8hkaCyhlnf3b/dashboard

做一个F5刷新页面,你会得到错误.

这是一个错误,它应该工作的方式,或者他们甚至没有尝试过的东西？他们是否已经开始使用糟糕的路由器实现了,或者我只是完全迷失了我是如何让它工作的？请指教 !

我猜我最好使用hashtag实现.

Answer 1

事实上,上传应用程序时出现404错误是正常的,因为浏览器中的实际地址正在更新(并且没有#/ hashbang方法).默认情况下,HTML5历史记录用于在Angular2中重用.

如果您不希望出现404错误,则需要更新服务器以为每个路径路径提供index.html文件.

这个链接也可以帮到你:当我刷新我的网站时,我得到了404.这是使用Angular2和firebase.

希望它对你有帮助,蒂埃里