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'"
    />
相关推荐
Live0000017 小时前
在鸿蒙中使用 Repeat 渲染嵌套列表,修改内层列表的一个元素,页面不会更新
前端·javascript·react native
柳杉17 小时前
使用Ai从零开发智慧水利态势感知大屏(开源)
前端·javascript·数据可视化
兆子龙17 小时前
从高阶函数到 Hooks:React 如何减轻开发者的心智负担(含 Demo + ahooks 推荐)
前端
狗胜17 小时前
测试文章 - API抓取
前端
三小河17 小时前
VS Code 集成 claude-code 教程:告别海外限制,无缝对接国内大模型
前端·程序员
jerrywus17 小时前
前端老哥的救命稻草:用 Obsidian 搞定 Claude Code 的「金鱼记忆」
前端·agent·claude
球球pick小樱花17 小时前
游戏官网前端工具库:海内外案例解析
前端·javascript·css
前端Hardy18 小时前
干掉 Virtual DOM?尤雨溪开始"强推" Vapor Mode?
vue.js·vue-router
用户605723748730818 小时前
AI 编码助手的规范驱动开发 - OpenSpec 初探
前端·后端·程序员