使用 AWS Amplify 在 Angular 上进行路由的问题答案

【问题标题】：Issue with Routing on Angular using AWS Amplify使用 AWS Amplify 在 Angular 上进行路由的问题
【发布时间】：2020-01-21 17:33:45
【问题描述】：

希望有人可以为我在将 Angular 应用程序部署到 AWS Amplify 时遇到的这个问题指出正确的方向。

它在 localhost 上可以正常工作和路由，但在部署到 AWS 时却不行。

我已经在主分支和开发分支上构建并运行良好，所有这些都设置了自定义 URL/SSL。所以效果很好。

我的问题是当我尝试导航到我的应用程序上的 URL 时，我只是得到了 index.html 页面。

我在 Stack Overflow 上阅读了几篇关于类似问题的不同文章，但我似乎无法让它发挥作用。我已经看到提到将重定向设置更改为 200 重定向到 index.html，就像建议一样：

</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf)$)([^.]+$)/>

但这仍然不能为我的页面提供服务，而只是返回 index.html 页面的内容（尽管浏览器中的 URL 本身显示的是正确的，例如 myurl.com/users/list）。

有人有什么想法吗？

【问题讨论】：

【解决方案1】：

如果遇到 404 错误，请始终重定向到服务 index.html 文件，以便 Angular 有机会处理路由。

【讨论】：

是的，我没有收到 404，这就是问题所在。它只是使用 index.html 而不是它应该提供的页面内容
那么听起来您可能没有导入路由器模块。但话又说回来，你说你的内容是为每条路线呈现的。如果不是 404 并且 index.html 页面是每次为每个路由提供的响应，那么这就是您想要的。您是否希望 /users/list 带有来自您的 UserListComponent 的内容到达您的网络选项卡？那将是服务器端呈现的页面。