本文介绍了解决微前端集成中子应用弹窗逃逸的问题,提出了一个简单的解决方案,即在组件全局配置一个content属性,利用计算属性获取全局挂载容器,然后把默认的document.body替换成全局的挂载容器。
本文介绍了微前端项目的部署方案,包括部署顺序、部署分支、应用构建打包、Nginx服务器部署方案等。需要先部署子应用,再将子应用的线上可访问地址配置到主应用,最后再将主应用部署到线上环境。应用构建打包需要在微应用注册信息中将加载微应用的地址换成配置的地址,并在package.json中通过不同的命令区分不同环境。Nginx服务器部署方案需要注意搭建nginx服务之前保证所用到的端口是空闲,子应用和主应用配置在同一台服务器下的同一个端口下,子应用和主应用所用到接口地址都需要在nginx配置代理。最后,通过浏览器访问主应用和各个微应用测试地址,完成了微前端项目的部署。
完成下面两步后,将自动完成登录并继续当前操作。