微前端单spa部署问题/澄清

编程问答 2022-04-28

问题描述

简介：-
我们是 MicroFrontEnd 架构的新手，为此我们选择了单 SPA 框架。我们正在使用 Angular 10 构建前端应用程序。

问题：-
在我们构建了所有微前端应用程序并部署到 IIS Windows 服务器之后（仅限手动部署 ),当我们手动输入路线信息 (http://10.XX.XXXX.X/Accounts,http://10.XX.XXXX.X/Cards,http://10.XX.XXXX.X/Loans 等等等。）。但是当我们通过应用程序内的菜单访问时，同样可以毫无问题地访问（请参见下图，当我们点击红框数字 [从 1 到 7] 时，我们没有问题）

Browser Look


IIS Folder Structure

说明

  1. 是否可以在同一个端口中托管所有微前端和容器根应用程序？
  2. 当用户单击容器应用程序中的超链接但没有在浏览器中输入/刷新时，为什么所有微前端应用程序都能正常工作？

解决方法

我们也一直在尝试以 angular 实现这个单一的水疗中心。不幸的是，单个 spa 角度文档没有用。根据我们获得的知识，我可以告诉你

  1. 不，您不能在一个端口上运行多个应用程序。
  2. 所有应用程序都将通过容器应用程序运行，我认为这就是容器应用程序的全部意义所在。它不会单独运行，为了在本地测试它，您可以使用 firefox/chrome 插件。检查以下链接：

https://single-spa.js.org/docs/devtools/，这样你就可以强制你的应用呈现