Linux下Electron loadURL报错 ERR_FAILED(-2) Not allowed to load local resource
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Linux下Electron loadURL报错 ERR_FAILED(-2) Not allowed to load local resource，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1488字，纯文字阅读大概需要3分钟。
内容图文
Linux下Electron loadURL报错 ERR_FAILED(-2) Not allowed to load local resource
背景
使用electron-vue的时候，窗体创建后加载页面使用的是loadURL函数，并且传入的参数形如：
`file://${__dirname}/index.html`
PS：在electron-vue中，编译打包后的__dirname是asar所在绝对地址/dist/electron/。
编译打包后的Electron程序启动时候，发现在调用loadURL的时候会出现：ERR_FAILED(-2) 。
遂临时启动DevTool窗口查看控制台输出，发现类似如下错误：
Not allowed to load local resource: file://XXXXXX/app.asar/dir1/dir2/index.html
原因及方案
1、文件并不存在于你的asar包中
处理方式：
- 全局安装
npm install -g asar - 通过asar解压app.asar包，检查上述提到的file路径中是否存在你的index.html。
2、尝试禁用窗体参数中的webSercurity
处理方式：
{
webPreferences: {
webSecurity: false
}
}
3、检查webpack配置中的__dirname，防止webpack处理'mock'
这一点主要是当上述Not alloed to load local resource提到的路径明显不正确时候，可以检查。
// webpack配置文件中的node节点，当打包的时候需要防止webpack处理
node: {
__dirname: false
}
webpack配置文件中的node节点，当打包的时候需要防止webpack处理__dirname，如果你使用了electron-vue脚手架应该不需要关心，因为你会看到如下的内容，已经帮你处理了：
node: {
__dirname: process.env.NODE_ENV !== 'production',
__filename: process.env.NODE_ENV !== 'production'
},
4、使用loadFile而不是loadURL
使用loadFile接口来加载本地的路径，loadFile('path/to/index.html')，这个路径是以app.asar根路径为base的。例如，loadFile('dir_path1/dir_path2/index.html')，那么你的index.html在app.asar是如下的结构：
app.asar
|-dir_path1
|-dir_path2
|-index.html
内容总结
以上是互联网集市为您收集整理的Linux下Electron loadURL报错 ERR_FAILED(-2) Not allowed to load local resource全部内容，希望文章能够帮你解决Linux下Electron loadURL报错 ERR_FAILED(-2) Not allowed to load local resource所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。