路由分发式微前端

路由分发式微前端，即通过路由将不同的业务分发到不同的独立前端应用上。最常用的方案是通过 HTTP 服务的反向代理 来实现。

配置 nginx

通过 nginx 代理多个服务地址，不同页面的请求就可以分发到不同的服务器上。

http {
  server {
      listen 80;
      server_name  xxx.xxx.com;
      location /api/ {
          proxy_pass http://localhost:3001/api;
      }
      location /web/admin {
          proxy_pass http://localhost:3002/api;
      }
      location / {
          proxy_pass /;
      }
  }
}

优点

• 实现简单
• 不需要对现有应用进行改造
• 完全技术栈无关

缺点

• 用户体验不好，每次切换应用时，浏览器都需要重新加载页面
• 多个子应用无法并存
• 局限性比较大
• 子应用之间的通信比较困难
• 子应用切换时需要重新登录