【源码】基于qiankun微前端框架的vue微应用集合项目

项目简介

本项目借助qiankun微前端框架，构建了基于vue技术栈的微应用集合。主应用与子应用均使用vue开发，实现了微服务的自由组合与灵活部署，通过qiankun达成不同应用间的解耦以及独立开发与部署。

项目的主要特性和功能

主要特性

• 运用qiankun微前端框架，使应用解耦并可独立部署。
• 主、子应用均采用vue技术栈，提供优质开发体验。
• 支持自由配置路由，能在主应用和子应用间自由跳转。

功能

项目包含主应用与子应用。主应用作为微前端基座，负责路由管理和子应用注册等核心功能；子应用承载具体业务功能，可独立开发与部署，通过qiankun实现两者自由组合与灵活部署。

安装使用步骤

安装依赖

假设已下载项目源码文件，在项目根目录下运行 npm run hm-install-all 安装所有微应用依赖。

启动项目

运行 npm run hm-serve-all 启动项目的开发环境，之后在浏览器访问 http://localhost:8080 查看主应用界面，点击导航栏链接可跳转至子应用页面。

打包项目

运行 npm run hm-build-all 打包整个项目，生成的静态文件存于 dist 目录。也可使用 npm-run-all 插件，在根目录创建 package.json 后执行 npm install npm-run-all --save-dev 实现一个命令运行所有项目。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】