由于本地启动主系统和子系统,如果主系统内不放子系统的图片就会导致主系统访问不到子系统的图片
对于这个问题有三种解决方案,这里一一说明
1、第一种也是我常用的,就是把子系统中的静态图片全部转为base64这样通过主系统访问的时候就不是通过路径访问而是直接访问base64转为图片
我们只要在vue.config.js的chainWebpack中增加打包转换就行
rule就会把assets中images中png、jpg、gif、svg的图片转为base64,当然这里有一个limit这个就是把不能大于多少kb的图片转为base64
2、第二种就是在ng的config中把静态文件的加载路径配置上去通过ng去访问
3、第三种就是和第一种差不多就是在第一种的options中有一个publicPath这个路径去通过不同的环境配置不同的路径
有什么不对的请大家共同学习,可以在下面留言