图片校验码原理就是图片是后端生成的前端只是前后端传过来的数据流做些出来展示即可，先直接上核心代码图：

这里就是简单得对axios的一些默认项属性重写：最后你只需要将resolve的内容插入页面的<img src=”resolve（data:img/png;base64,&{base64}）”>即可，

下面简单介绍一下new Buffer():

　　构造函数new Buffer()的第一个参数可以是一个Number，Array或String。第二个参数为可选参数，用来表示encode的类型，可以是AscII, Utf8, Ucs2, Base64, Binary, Hex。默认值是Utf8。

效果图：

 

版权声明：本文为chengeping原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/chengeping/p/10587587.html