-1

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

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

IIS 文件夹结构

澄清

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

1 回答 1

1

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

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

https://single-spa.js.org/docs/devtools/，这样你可以强制你的应用程序渲染

于 2021-06-09T09:37:54.627 回答