github用相对路径显示图片_子应用css url()中的图片用相对路径加载失败

What happens?

最近项目里用上了qiankun,子应用单独加载url()中的图片加载正常,但是当子应用在主应用中加载的时候url()中的图片加载不出来。

主应用:

{

"qiankun": "^2.0.12",

}

{

name: 'app1',

entry: '//localhost:8080/sub/app1/',

container: '#root-subapp-container',

activeRule: '/app1',

}

子应用:

{

"umi": "^3.1.1",

"@umijs/plugin-qiankun": "^2.5.1",

}

{

base: '/app1',

publicPath: '/sub/app1/',

}

{

background: url('~@/assets/bg.png');

}

url()中的图片相对路径是相对css文件所在路径,css文件是http://localhost:8080/sub/app1/umi.css,url()中的图片就是http://localhost:8080/sub/app1/static/bg.png。

当子应用单独加载的时候图片加载正常,但是在主应用中加载的时候图片加载路径就变成这样了http://localhost:8080/app1/static/bg.png。

我自己排查了下,问题是出在import-html-entry库。这个库会请求子应用的css文件,并将请求到的文件内容用嵌到子应用的

因为import-html-entry库没法提issue,所以我提到这里了,希望能够修复下这个问题。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值