大佬 vue打包的时候有些图片没有转成base64是怎么回事呢 vue.js项目开发,base64格式图片怎么在前端页面显示

vue \u4e0a\u4f20\u56fe\u7247\u65f6 base64 \u600e\u4e48\u4f20\u5230java\u540e\u53f0

1\u3001org.apache.commons.codec.binary.Base64.decodeBase64(\u8fd9\u91cc\u4f20\u5165src\u5c5e\u6027\u91cc\u7684base64 \u7684\u4e00\u4e32\u5b57\u7b26\u4e32);
2\u3001\u8fd4\u56de\u503c\u662f\u4e00\u4e2aByte[]\uff1b
3\u3001\u5b57\u8282\u6d41\u4f20\u9001\u5230\u6587\u4ef6\u3002
\u5907\u6ce8\uff1a\u8fd9\u91ccBase64\u53ea\u662f\u63d0\u4f9b\u9884\u89c8\uff0c\u5176\u5b9e\u53ef\u4ee5\u4fdd\u7559\u539f\u59cb\u7684url\u4f20\u7ed9\u540e\u53f0\u7684\u3002

\u9996\u5148\u76f4\u63a5\u628abase64\u7f16\u7801\u590d\u5236\u5230\u6d4f\u89c8\u5668\u91cc\u9762\u770b\u662f\u5426\u80fd\u6b63\u5e38\u67e5\u770b\uff0c
\u5982\u679c\u80fdimg \u76f4\u63a5 src \u8d4b\u503c\u5c31OK\u4e86
\u5982\u679c\u4e0d\u80fd\u5c31\u662f\u56fe\u7247\u635f\u574f\u4e86~~\u671b\u91c7\u7eb3\u8c22\u8c22~

1. 首先base64的目的主要是，为了减少http请求，转为base64以后小图片可以跟js同时被加载到浏览器，而不需要多次对服务器发出图片资源请求
   

2. 其次，图片转成base64后，文件体积变大了大约1/3左右

3. 文件的base64编码存储到了js文件中

4. vue-webpack模板的默认设置限制了转码的文件大小为10000B以下

5. 静态文件目录中的所有文件不会被转码，也就是/static下的所有文件都不会被转码

如果所有图片均转码为base64，那么很容易造成存储base64的js文件过大，一方面会造成资源加载时间过长的白屏问题，另一方面也会给js解释器带来非常大的负担，这样反而起不到优化的作用，而且会非常影响体验

如果你非要让所有图片转为base64，可以修改webpack中的url-loader配置

扩展阅读：vue打包后用electron ... vue项目打包后直接打开 ... vue 流程图 ... vue项目怎么打包给别人 ... 包图 ... vue打包后dist文件有哪些 ... vue打包成war包 ... vue打包成app页面空白 ... unity资源解包打包工具 ...