Qiankun+Vue-Element-Admin构建微服务实战指南v1.01

本文档详细介绍了如何基于qiankun和vue-element-admin框架构建一个微服务架构。qiankun是一个用于构建多页面应用的轻量级模块化解决方案，而vue-element-admin则是一个基于Vue.js的后台管理UI组件库，两者结合可以高效地实现微服务架构中的应用拆分和通信。 首先，文章从“前言”部分开始，概述了所采用的技术栈，包括qiankun和vue-element-admin的核心作用。qiankun负责实现不同服务间的通信和页面复用，而vue-element-admin则提供了一个丰富的前端界面模板，便于快速开发和管理功能。 在“微服务基座说明”章节，作者详细介绍了如何设置基座（即主应用），包括引入子应用配置文件、修改页面结构以便挂载子应用、以及对路由进行定制。这里涉及到的步骤包括： - 导入子应用配置文件到主项目的src目录下，确保应用间的通信配置正确。 - 修改路由配置文件，允许子应用独立的路由规则，并通过qiankun实现路由的动态加载和切换。 接着，文档深入到“微应用注入说明”，着重讲解如何将子应用注入到基座中。这包括安装TMVC（可能是自定义的微服务框架），如tmvc-base，以及对main.js和vue-config.js文件的改造。特别是micro-config.js文件，它是关键的配置文件，可能包含了子应用的API地址和其他必要信息。 获取基座通讯信息的部分，提到了如何通过Vuex或其他状态管理库来存储和管理子应用的通信数据，以及提供示例展示了如何在子应用中访问基座的数据。此外，还涉及到了左侧菜单的隐藏处理，通过Data层声明变量并控制视图层显示，实现了子应用的权限管理和界面简洁。 这篇文章为读者提供了一个清晰的实践指南，帮助开发者理解如何利用qiankun和vue-element-admin构建微服务架构，包括从基础设置到具体功能的实现细节。对于希望使用这些工具进行微前端开发的人员来说，这是一份非常有价值的参考资料。