javascript - "Not allowed to load local resource" Electron/VUE

标签 javascript html css vue.js electron

因此,我在 Electron/VUE 应用程序中收到错误“不允许加载本地资源”。我相信错误来 self 的 index.ejs 文件,其中我有

<style>
 .background{
  background: url('file:///images-benjamin-child-17946.jpg') no repeat center center fixed;
 background-size cover;
}
</style>

图像 benjamin-child 位于 images 文件夹中,该文件夹的路径应类似于: electronicsApp/app/images

安装/运行该应用程序很容易,您只需按照 README.md 操作即可。

最佳答案

我查看了该存储库,在本例中,如果您只需将图像文件复制到 dist 目录并使用

background: url('/benjamin-child-17946.jpg') no-repeat center center fixed;

它应该可以工作。大概有一个 webpack 设置会为您将文件从应用程序中的 static 目录复制到 dist

关于javascript - "Not allowed to load local resource" Electron/VUE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44786340/

相关文章:

javascript - 使用 JS 变量设置 &lt;script&gt; 标签的 src 属性

javascript - 表单提交时在 React JS 中显示成功或错误消息

javascript - 单击带有空格键的按钮

php - 当一个 html 加载到另一个 html 的 div 中时,document.ready jquery 不起作用

javascript - 过渡定位

css - CSS 中的 "cast"单位有什么办法吗?

javascript - 添加具有自定义协议(protocol)的 iframe 会导致 IE 导航到 iframe 源

javascript - 如果我有 onclick 函数,如何获取触发事件的 div?

javascript - 强制数字输入有两位小数并且只有两位

javascript - FlexSlider 卡顿/淡入淡出滞后