【Electron】Not allowed to load local resource-CSDN博客

78 阅读1分钟

问题描述

在使用 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 错误。