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

45次阅读

共计 289 个字符,预计需要花费 1 分钟才能阅读完成。

计划一:配置 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’ 代理到子利用地址

正文完
 0