data:image/png；base64,无法正常加载

一个后端管理平台，服务接口正常返回了图片的base64（说明和字体无关，如果未安装字体，无法产生对应字体的base64图片），但前端展示时报红

再看console页，显示违背了CSP原则，这是Content Security Policy (CSP)安全策略阻止了 Data URL 的加载。

应用设置了 CSP 安全策略，它禁止加载来自非自身源（'self'）的资源。Data URL 虽然内嵌在页面中，但大多数 CSP 策略默认不允许使用data:协议。

查看nginx的配置，果然是这样的

解决方案

修改 CSP 策略（如果你控制服务器）

在 HTTP 响应头中添加允许 Data URL 的指令：

对于图片：

Content-Security-Policy: img-src 'self' data:;

或

Content-Scurity-Policy: default-src 'self'; img-src 'self' data:;