跳到主要内容

微前端

1. 使用无界微前端，vue3+vite做主应用，next.js 做子应用，部署后子应用跨域。​

  1. 统一域名，使用子路径，主：https://example.com/，子：https://example.com/sub-vue/
  2. 在子应用的 vercel.json 里配置响应头，允许主应用域名访问
  3. 在主应用里做代理，把子应用的请求转发到内部路径
  • 在主应用的 vercel.json 写 rewrites，把子路径转发到子应用
  • 子应用配置 basePath / base