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'"
    />
相关推荐
TOPGUS几秒前
谷歌Chrome浏览器即将对HTTP网站设卡:突出展示“始终使用安全连接”功能
前端·网络·chrome·http·搜索引擎·seo·数字营销
C_心欲无痕7 分钟前
ts - 模板字面量类型与 `keyof` 的魔法组合:`keyof T & `on${string}`使用
linux·运维·开发语言·前端·ubuntu·typescript
Van_captain8 分钟前
rn_for_openharmony常用组件_Tabs选项卡
javascript·开源·harmonyos
赵民勇10 分钟前
ES6中的const用法详解
javascript·es6
一勺菠萝丶12 分钟前
Java 后端想学 Vue,又想写浏览器插件?
java·前端·vue.js
@PHARAOH17 分钟前
HOW - 如何禁用 localstorage
前端·状态模式
霍理迪18 分钟前
CSS布局方式——弹性盒子(flex)
前端·css
Irene199119 分钟前
Vue 3中:setup 函数接收两个重要参数:props 和 context(附:setup 中无法访问 this 详解)
vue.js·setup
念你那丝微笑25 分钟前
uView Plus + Vue3 + TypeScript + UniApp 正确引入 UnoCSS(避坑版)
vue.js·typescript·uni-app
Van_captain27 分钟前
React Native for OpenHarmony Toast 轻提示组件:自动消失的操作反馈
javascript·开源·harmonyos