登录免费注册



微前端架构

首页  流程图  详情



微前端架构

2021-09-28 18:02:52   14  举报





微前端基础架构图

微前端

qiankun

vue

模版推荐

作者其他创作

大纲/内容

...

子应用

用户设置模块

请求转发系统监控

Element-uiAntD

代理层（Nginx代理网关）

Mutations

Class/Interface

Web应用【每个子模块需要应用单体架构】

Interceptors

块组件

子应用4CC

业务组件

Http Server

Config

顶层菜单模块

子应用3LP

 main.js、ts

部署应用

API Server

Permission

Vue Router

登录

生产环境

浏览器

页面组件

测试环境

Development - HMR

Ajax

后台接口

Tools

页面容器

Utils

Getters

服务器应用

自动化部署

WebpackViteRollUpnpm-run-all

应用2

登录模块

ToolBar模块

主应用

qiankun共享中心消息中心通信中心

Vue Vuex

用户访问

Vue Component

首页

预生产环境

Home

应用1

Production - Build

子应用1LP

监控平台、性能监控

子应用2LP

Login

安全加固（安全防御）

Actions

公共组件

libs

Jenkinsrancher

前端工程

State

 Collect

Get Started

前端

 Collect

Get Started

前端

 Collect

Get Started

前端

 Collect

Get Started

React前端组件架构图













评论

0 条评论

下一页

Document