【Electron】Not allowed to load local resource

问题描述

在使用 audio 标签播放音频文件时，控制台报错 Not allowed to load local resource。

Not allowed to load local resource

---

原因分析

这个问题通常是由于安全策略引起的。Electron 默认情况下禁止加载本地资源，以防止潜在的安全风险。

---

解决方案

解决这个问题的方法是在 main.js 中找到创建 BrowserWindow 实例的代码，并在该实例的 webPreferences 配置中添加 webSecurity: false。这样可以关闭 Electron 的 Web 安全策略，允许加载本地资源。

  const { app, BrowserWindow } = require('electron')
  let win

  function createWindow () {
    win = new BrowserWindow({
      width: 800,
      height: 600,
      webPreferences: {
        webSecurity: false
      }
    })

    win.loadFile('index.html')
  }

  app.on('ready', createWindow)

通过以上步骤，你就可以解决在 Electron 中使用 audio 标签播放本地音频文件时出现的 Not allowed to load local resource 错误。