本发明公开了一种基于qiankun和Web Component的微前端架构及其构建方法，微前端架构的构建方法包括基于qiankun构建微服务架构和基于Web Component构建通用组件库；微服务架构包括主应用和若干子应用，各子应用注册到主应用中，主应用被配置作为入口实现对各子应用的访问；通用组件库被配置为Web Component组件库，为上层应用提供能够复用的组件，组件库不限制技术栈，web component存在技术栈无关特性，至少支持React组件、Vue组件和Angular组件。这种微前端模式通过分解复杂应用，使每个子应用的功能更简洁，子应用的依赖独立，可以将子应用分配给不同的开发人员去维护，相较于整个开发团队维护一个大型复杂应用而言，减小了开发时可能会产生的代码冲突，降低了开发和维护的难度。