angular - single-spa-angular 当我们刷新浏览器时，微前端应用程序中的多个路由不起作用（GitHub 代码可用）

Question

有人可以帮我解决这个问题吗？任何帮助将不胜感激 。我有一个简单的角度应用程序，其中包含下面提到的多条路线

1. App1Route1
2. App1Route2
3. App1Route2

我有一个主要的应用程序组件，用于显示这些路线

我想为此应用程序实现 single-spa-angular，并按照此链接中提到的步骤进行操作，并根据建议 在 app-routing-module.ts 文件中进行了一些更改。

进行这些更改后，我将能够使用如下所示的 single-spa 运行应用程序

但路由不起作用。最后我通过修改 app.routing.module.ts 文件解决了这个问题，如下所示

现在，当我使用链接导航路线时，我可以看到输出

现在我遇到的问题是，当我在浏览器中使用路由名称刷新页面时，它无法正常工作并得到一个空白页面（在普通的角度应用程序中工作正常）

重现此错误的完整代码和步骤已上传到https://github.com/SivaAsDeveloper/single-spa-multiple-routes

Answer 1

我不确定这个问题是否与我在申请中遇到的类似。我在刷新浏览器选项卡时遇到了找不到 404 页面的问题。

我在托管应用程序文件的位置的 .htaccess 文件中使用了以下（在参考评论中）服务器配置。此外，我已经修复了我的应用程序中的身份验证流程，从而修复了 404 错误。同样，不确定哪个更改实际上解决了我的问题。希望这也可以帮助你。

参考

谢谢。