vue个别图标本地显示正常，打包部署后不显示的问题

项目场景：

提示：Vue移动端项目开发，加一个小图标显示

问题描述

   本地开发添加图片正常显示，但是发到服务器上始终不显示，其他图标图片啥的都正常显示

原因分析：

假设几种可能性:

1、 图片不存在，所以显示不出来
2、 该图片有问题,损坏，无法显示
3、 没有用require以模块显示
4、 路径错误
4、 打包的过程中肯定是做了什么导致不显示

思考

1、图片是从阿里图标库下载的,在本地的static中也能看到，第一个设想不成立,设想不成立。

2、以前做项目也用到了阿里图标库的图片,也都正常显示,而阿里图标库正常来讲也不会出现什么特别的问题, 设想不成立。

3、实测用requier以模块引入也不行, 设想不成立。

4、项目中其他图片用的路径也都一样的，而且看了打包的配置publicPath配置的相对路径也是对的, 设想不成立。

5、那就只剩下这个可能了，由于项目是在微信内置浏览器中打开的，调用了微信相关的API,在其他浏览器中报错白屏,不好调试,也懒得动代码
  了。 于是去分析打包后的文件,发现小图标都被打包成了Base64, 在打包的配置里面配置了图片loader处理的阈值, 然后看了一下要引入的
  icon图片的大小 和 正常显示的图片大小，发现异常显示的图片比能正常显示的图片大了一倍多, 达到了8K左右。 难道是图片大小的问题?
  于是抱着试一试的心态压缩处理了一下图片，压缩后图片大小就2K左右了，再打包放服务器就正常显示了。
  

解决方案：

压缩图片大小,再打包放服务器就正常显示了

思考：

   才疏学浅，问题虽然解决了，但是不知道为什么，要说是文件太大，base64编码后体积也大导致不显示，似乎也说不过去。毕竟以前把
几十KB的图片编码在微信内置浏览器中也正常显示。  开发的时候在谷歌里显示正常，在微信浏览器中出现了问题，难道是微信浏览器有特
殊处理什么的?也不清楚, 问题出现的很诡异, 踩个坑，记录一下吧