由于项目需要,使用qiankun框架整合了三个系统,一个vue3+vite2的项目和两个vue2的项目,主应用是vue3+vite2的项目。
这次整合涉及到vue3、vite以及服务器部署,所以踩了很多坑,最终搞定了本地和测试环境的整合。
本文主要讲整合思路和一些心得小结,而不仅仅是简单地讲操作步骤。然后列出一些要点,帮大家避坑。
提示:最好先看qiankun官网对qiankun有一点了解再看本文,或者官网文档结合本文一起看。
接入qiankun框架前需要准备的工作
使用qiankun框架一般是用来整合PC端后台管理系统。在整合这些后台系统之前,你需要考虑和准备以下事情:
1. 新开一个简单的项目作为主应用:主应用是用来放统一登录的页面,和各子应用入口的一个页面。首先是需要一个新项目做为qiankun框架的主应用,在其次是考虑到权限问题,不能拿任一子应用作为主应用入口,然后也方便开发和维护。
2. 整合后系统登录方式:使用单点登录还是什么方式,这个需要根据自己的项目情况和项目需求决定。不做统一登录的话,整合起来后各个子系统还需要各自登录。
3. 整合后服务器端