micro-app使用问题记录

339 阅读1分钟

项目中初体验微前端,做一个简单记录,都是本地调试遇到的问题,目前体验下来没有大问题,基本满足业务需求

环境

  • 主应用:next.js v13.x
  • 子应用: umi v2.x

使用方法官网有详细介绍 官方文档

遇到的问题

  1. 图片路径url()
background-image: url(${new URL('xxx', window.location.origin)});

2.umi的dll cors

dll设置为false

3.本地环境主应用访问子应用接口跨域

屏蔽proxy的changeOrigin

4.样式问题

主要是自调,主应用设置了disableScopecss

5.react-image-lightbox

项目中封装的跟react-image-lightbox 组件在微前端报错

getOrigin issue within iFrames

github.com/frontend-co…

6.微信分享

数据通讯

7.# TypeError: Failed to execute 'fetch' on 'Window': Illegal invocation

github.com/micro-zoe/m…