qiankun子应用图片资源加载404 解决方案

方案一:配置webpack url-loader

  • 小文件转为base64
  • 大文件配置publicPath 为子应用地址
    qiankun子应用图片资源加载404 解决方案_第1张图片

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

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

  • 主应用为window绑定环境变量, window._env
  • 子应用根据window._env,设置引用地址
    qiankun子应用图片资源加载404 解决方案_第2张图片

     

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

你可能感兴趣的:(javascript)