我试过了,
但在这两种情况下,我都找不到一种方法分别开发和部署微前端,然后在包装web应用程序中引用那些部署的微前端。
在我尝试使用上述方法的示例中,微前端在包装web应用程序中呈现,但是当独立地服务时,它们并不像预期的那样呈现。
发布于 2020-07-06 08:44:52
您不能用一个简单的静态站点解决方案来完成这个任务。必须使用一些后端。问题是您需要动态地提供一个微前端应用程序(mfa)列表,所以您必须至少更改一些内容。
实现这一目标的最简单方法是:
document.createElement
)。现在,模式应该如下所示:
--> Index.html started
--> Loader do fetch for the list of the mfa scripts
--> Loader adds listed scripts dynamically
--> Applications start working
当您需要更改应用程序列表时,您不需要重新部署任何东西。只要更改API响应(通过更新DB、config或任何您想要的内容),它就会工作。
这并不理想(从性能的角度来看,非常不理想,但是对于普通的静态站点来说是可行的)。
更好的方法(如果您有后端)是动态生成页面,并在服务器端动态地将您的脚本嵌入应用程序。它要简单得多,而且可能更快,因为您不需要等待对API的调用才能获得mfa列表。
希望这能有所帮助。
使用动态脚本加载可能很危险。如果您决定使用第一种方式,请不要忘记验证所有脚本都是可信的。例如,您可以使用内容-安全-策略。
https://stackoverflow.com/questions/62751381
复制相似问题