Angular 2路由引发404错误

Question

HTML5 PushState 表示当我使用 'npm start' 运行我的 Angular 应用程序时，刷新 URL 或在浏览器中输入直接 URL 工作得非常好来自 VS 2015 命令提示符的命令。但是，当我在 IIS 上部署相同的应用程序并更改 <base href="/"/>至 <base href="/MyVirtualApplication/" />然后 HTML5 的 PushState 或 History API 无法正常工作并引发 404 错误。

请提出建议。

Answer 1

编辑:用于 Url 重写的 IIS 设置:

您需要安装它才能进行以下工作:http://www.iis.net/downloads/microsoft/url-rewrite

第一步:

第二步:

我找到了解释解决方案的链接:https://stackoverflow.com/posts/12614072/

旧:

在 npm 设置的开发环境之外运行使用 Angular 2 构建的任何应用程序时, 你必须替换 <base href="/">有了这个:

<script>document.write('<base href="' + document.location + '" />');</script>

注意:这仅适用于生产或用完 npm环境。