为什么当我将 Angular 应用程序结果刷新为 404 Not Found 时？

Question

我正在开发一个 Angular 应用程序并将其部署在 kubernetes 中。我可以通过 Nginx Ingress 访问我的应用程序。

我正在使用角度路由器来启用通过我的应用程序中不同组件的导航。

使用已部署的应用程序，我尝试浏览不同的组件，当我在浏览器上单击刷新或直接访问特定的 url 路径时，我得到 404 Not Found Page。

例如，如果访问 URL mycompany.domain.com，它会显示 home 组件。在我的角度路由器中，我有一个指向用户组件的/user 路径。

导航到用户菜单后，我的新 URL 现在将是 mycompany.domain.com/user - 一切正常。 但是如果我刷新当前页面，它会变成404 Not Found Page，这就是问题所在。

我的一些想法：

1. 路由器是 SPA 的一部分，当然会在 SPA 加载后加载。
2. /user 的 url 路径只有 SPA 中的路由器知道 - 因此当我们尝试直接访问 mycompany.domain.com/user 时，服务器找不到任何与之匹配的资源。
3. 唯一能理解/user url 路径的是我的SPA - 因为服务器已经确定找不到资源，所以它还没有加载。

因此，我得出结论（但仍要尝试），无论我的入口或服务器配置，我部署 SPA 的任何地方都可能出现问题。

我的解决方案正在使用角度路由器 useHash 选项 - 这意味着我的导航路径将在 # 之后并被视为 URL 片段，如下所示：mycompany.domain.com/#/用户，在这种情况下，我的服务器不会尝试理解该片段，因为它应该被页面理解。我这样做是受到 Vue.js 路由器的启发。

我的问题是：

1. 我的理解（和结论）是否正确？
2. 还有其他解决方案吗？因为 Angular 默认不使用哈希值，我确信这是有原因的，因为如果它在部署时不起作用，它就没有意义？
3. URL 重写可以帮助我吗？我自己尝试寻找它的用法与我的结论不符。

我不是 SPA 专家，我才刚刚开始，如果有人能纠正并回答我，我将不胜感激。

Answer 1

将此代码另存为 web.config，然后将 web.config 文件粘贴到 dist 文件夹中

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.web>
    <compilation targetFramework="4.0" />
    <customErrors mode="On" redirectMode="ResponseRewrite">
      <error statusCode="404" redirect="/index.html" />
    </customErrors>
  </system.web>
  <system.webServer>
    <httpErrors errorMode="Custom">
      <remove statusCode="404"/>
      <error statusCode="404" path="/index.html" responseMode="ExecuteURL"/>
    </httpErrors>
  </system.webServer>
</configuration>