微前端-平台架构

77 阅读1分钟

背景:登录页、首页、用户信息页、帮助页等页面只开发一次,一个统一的平台架构,但是有多个子模块。

主要技术手段:

平台->A

子模块1->A1

子模块2->A2

子模块3->A4

每个子模块是一个唯一id,前端url路径通过唯一id用nginx代理转发,后端接口id+api通过nginx代理转发。

技术方案:所有前端模块技术架构一致。vue+elementUI+axios等

可以实现组件级嵌套。

登录页为统一,首页分平台首页和模块首页,模块首页在引入平台首页js的前提下,可以重新按照组件开发,平台首页每个卡片都可以单独使用,类似element,以及可以融合进去自己的组件,形成模块首页。

common.js可以被任何一个模块引入使用,每个模块都是一个应用,通过nginx转发代理。