electron对于图片/视频无法加载的问题

图片报错:

html 复制代码
Refused to load the image 'blob:because it violates the following Content Security Policy directive: "img-src 'self' data:".

视频报错:

html 复制代码
 Refused to load media from 'blob:because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'media-src' was not explicitly set, so 'default-src' is used as a fallback.

我们怎么解决呢?

就是在渲染进程的index.html里head标签里更改第二个meta

html 复制代码
    <meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self' blob:;
           script-src 'self'; 
           style-src 'self' 'unsafe-inline'; 
           img-src 'self' data: blob:;
           media-src 'self' blob:;
           font-src 'self';
           connect-src 'self'"
    />
相关推荐
纪伊路上盛名在2 分钟前
记1次BioPython Entrez模块Elink的debug
前端·数据库·python·debug·工具开发
xiaoxue..4 分钟前
React 之 Hooks
前端·javascript·react.js·面试·前端框架
Alair‎8 分钟前
300TypeScript基础知识
javascript
旧梦吟9 分钟前
脚本网页 三人四字棋
前端·数据库·算法·css3·html5
莫物11 分钟前
element el-table表格 添加唯一标识
前端·javascript·vue.js
我看刑12 分钟前
【已解决】el-table 前端分页多选、跨页全选等
前端·vue·element
我会一直在的18 分钟前
Fiddler基础使用介绍
前端·测试工具·fiddler
小明记账簿18 分钟前
前端文件流下载方法封装
前端
IT_陈寒21 分钟前
Vite 5大优化技巧:让你的构建速度飙升50%,开发者都在偷偷用!
前端·人工智能·后端
CodeCraft Studio21 分钟前
Vaadin 25 正式发布:回归标准Java Web,让企业级开发更简单、更高效
java·开发语言·前端·vaadin·java web 框架·纯java前端框架·企业级java ui框架