vue中base64图片展示提示 图片报错:GET data:image/png;base64,undefined net::ERR_INVALID_URL

我把后端和前端都部署到了云服务器上。部署后端后,通过本地启动的前端连接服务器上的后端后,可以正常访问。但是通过部署在服务器上的前端项目访问页面时有报错,可能图片的相关报错。

造成这样的原因

<img :src="'data:image/png;base64,' + sealInfo.base64" alt />

其中这个sealInfo是请求回来的数据。

解决方法:在数据返回的时候

this.sealInfo.base64 = 'data:image/png;base64,' + res.data.base64


版权声明:本文为weixin_51747462原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。