关于javascript:qiankun子应用图片资源加载404-解决方案

计划一:配置webpack url-loader

  • 小文件转为base64
  • 大文件配置publicPath 为子利用地址

毛病: 打包前须要辨别不同环境,配置publicPath

计划二:资源援用地址依据环境env写死

  • 主利用为window绑定环境变量, window._env
  • 子利用依据window._env,设置援用地址

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

计划三:子利用地址加’/xxx’前缀,主利用nginx将’/xxx’代理到子利用地址

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理