方案一:配置webpack url-loader

  • 小文件转为base64
  • 大文件配置publicPath 为子应用地址
    image.png

缺点: 打包前需要区分不同环境,配置publicPath

方案二:资源引用地址根据环境env写死

  • 主应用为window绑定环境变量, window._env
  • 子应用根据window._env,设置引用地址
    image.png

     <div class="down-image" :style="{backgroundImage:`url(${domain}/static/img/img_man.png)`}"></div>
    

方案三:子应用地址加'/xxx'前缀,主应用nginx将'/xxx'代理到子应用地址


SeaBoat
32 声望1 粉丝