Angular微前端无限刷新

Question

我正在尝试使用 webpack 模块联合构建 Angular Micro 前端。我已将所有自定义 webpack 文件添加到应用程序中。所有应用程序都构建良好。另外，当我尝试从各自的路径访问各个微前端时，它工作正常，但是当我尝试从 shell 应用程序访问各个微前端时，它会遇到无限刷新。我正在关注这篇文章作为参考。

不知道除了本文中提到的之外我还需要做什么。任何帮助都会得到帮助。

Answer 1

我找到了防止实时重新加载问题的解决方案。您需要将 publicHost 属性添加到 angular.json 中的远程配置中。因此，调整project/remote-project-name/architect/serve/options部分如下：

[...] "options": {
+   "publicHost": "http://localhost:3000",
    "port": 3000,
    "extraWebpackConfig": "projects/mfe1/webpack.config.js" } [...]