qiankun中主系统启动子系统本地静态图片加载404或者跨域问题

2023-12-14 11:51:56

由于本地启动主系统和子系统，如果主系统内不放子系统的图片就会导致主系统访问不到子系统的图片

对于这个问题有三种解决方案，这里一一说明

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这个路径去通过不同的环境配置不同的路径

有什么不对的请大家共同学习，可以在下面留言

文章来源:https://blog.csdn.net/lixu_boke/article/details/134989906
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。