【发布时间】：2020-12-09 13:02:42
【问题描述】：
我正在使用单水疗角框架的微前端方法工作。我有一个根容器应用程序，它在 4200 端口和 2 个微应用程序说 app1 @5201 和 app2 @ 4201 端口运行。我没有遇到 app2 的任何问题，并且它按照微前端方法完美运行。
在 app1 中，我有一个登录组件和仪表板组件。所以当我点击app1时，它首先点击登录组件（所需的流程：它必须检查用户配置文件并进行身份验证，并根据结果导航到仪表板组件）。为了在 app1 中检查此用户配置文件，我正在使用应用程序服务器（运行 @8443 端口）运行后端服务，并且在代理 config.json 中配置代理，如下所示： { "/app1/*": { "目标": "http://localhost:8443/", “安全”：假 } } 在 app1 中的 npm start 期间，它会从包 .json 中获取此语句（--proxy-config proxy.conf.json），这就是我们在 app1 中为后端服务配置代理的方式。
现在，来到微前端，当我从根容器点击 app1 时，我得到一个拒绝访问的图像而不是仪表板。在内部，它点击了 app1 的登录组件，当我看到网络选项卡时，它点击了状态为 200k 的用户配置文件方法，但响应是整个 html（无论我在根容器的 index.html 中给出了什么）和访问被拒绝的图像被调用并呈现。它没有命中后端服务器本身。
但是当我点击 http://localhost:5201/app1/app1/app1-user-profile 时，我能够在浏览器中看到所需的响应。所以是什么阻止我在路由时获取 app1 的仪表板来自其他应用程序/4200 端口？
有人可以在这方面指导我吗？我是否还需要在根容器和其他微应用中配置代理设置？ single-spa 可以帮助我进行此代理配置吗？
【问题讨论】：
-
我有同样的问题，我不使用像@Célian Garcia 这样的 webpack。有什么解决办法吗？
标签： proxy angular6 micro-frontend single-spa single-spa-angular