vue项目png图片加载不出来的问题

前提:因为命名的时候 配合后端,所以把图片的名称设置成中文的例如:新增圆、新增方块等命名;提交到线上环境后,发现有些图片不能完全显示;鼠标移入查看地址,发现其他展示的图片已经转为base64的形式,没有展示出的图片 显示的是地址+图片名称的形式。

原因:

1.使用的是中文名称,这个可以修改成英文就可以展示图片(但我项目比较特殊,所以这个方法不能解决)

2.修改图片大小,排查出展示出来图片的图片大小都是4kb;没有展示出图片的大小 都在4kb以上;可以通过压缩图片大小的方式 让图片展示出来;但这样可能会使图片模糊

3.这个方法也是我用到的解决形式,配置文件config.js文件里面修改

这个只是满足我当前项目的要求

总结:大家给图片起名 还是以英文为主;方便快捷

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值