【问题标题】:single-spa-angular Multiple routes in a microfrontend application are not working when we refresh the browser (GitHub code is available)single-spa-angular 当我们刷新浏览器时,微前端应用程序中的多个路由不起作用(GitHub 代码可用)
【发布时间】:2021-08-28 11:44:49
【问题描述】:

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

  1. App1Route1
  2. App1Route2
  3. App1Route2

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

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

完成这些更改后,我将能够使用如下所示的单水疗中心运行应用程序

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

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

现在我遇到的问题是,当我在浏览器中使用路由名称刷新页面时,它无法正常工作并得到一个空白页面(在普通的 Angular 应用程序中可以正常工作)

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

【问题讨论】:

  • 嗨,我在添加一条新路线时遇到了同样的问题,但其他路线运行良好。你解决了吗?
  • 遇到完全相同的问题,有什么帮助吗?

标签: angular angular-router single-spa-angular


【解决方案1】:

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

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

Reference

谢谢。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-08-08
    • 2022-01-23
    • 1970-01-01
    • 1970-01-01
    • 2023-01-31
    • 1970-01-01
    • 2020-12-09
    • 2020-04-16
    相关资源
    最近更新 更多