前提:因为命名的时候 配合后端,所以把图片的名称设置成中文的例如:新增圆、新增方块等命名;提交到线上环境后,发现有些图片不能完全显示;鼠标移入查看地址,发现其他展示的图片已经转为base64的形式,没有展示出的图片 显示的是地址+图片名称的形式。
原因:
1.使用的是中文名称,这个可以修改成英文就可以展示图片(但我项目比较特殊,所以这个方法不能解决)
2.修改图片大小,排查出展示出来图片的图片大小都是4kb;没有展示出图片的大小 都在4kb以上;可以通过压缩图片大小的方式 让图片展示出来;但这样可能会使图片模糊
3.这个方法也是我用到的解决形式,配置文件config.js文件里面修改
这个只是满足我当前项目的要求
总结:大家给图片起名 还是以英文为主;方便快捷