Electron 应用程序中的文件图像 URL“不允许加载本地资源”

Question

我正在开发一个使用 Markdown 的电子笔记应用程序。目前，我正在致力于将图像插入笔记中（使用 Markdown 语法）。

插入图像时，我的主进程将图像复制到 Notes 目录中，然后返回file:///图像文件的 URL。但是，当我尝试渲染图像时，它无法加载 - 并且出现错误Not allowed to load local resource: file:///Users/joe/notes/images/foo.jpg。

有没有办法配置 Electron 以允许这些本地图像 URL？

Answer 1

选项1

关闭网络安全

mainWindow = new BrowserWindow({
  height: 563,
  useContentSize: true,
  width: 1000,
  webPreferences: {
    webSecurity: false
}
});

选项2

您可以像这个答案一样创建自己的协议

这也是回答该问题的用户