Cordova：不允许加载本地资源：file:///

Posted 2023-02-19

【中文标题】Cordova：不允许加载本地资源：file:///

【英文标题】：Cordova: Not allowed to load local resource: file:///

【发布时间】：2021-05-23 21:08:23

【问题描述】：

在 Quasar 上运行的 Cordova 构建出现错误

Not allowed to load local resource: file:///data....

添加到config.xml下面

<allow-navigation href="file:///*" />
<access origin="file:///*" />

还在 index.html 中添加了 content-security-policy

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'; media-src *; img-src * filesystem: file:">

【问题讨论】：

在 URI 中看起来像一个额外的斜线。

ImgCache 库只给了我三个斜线！

你能添加一些失败的代码示例吗？

【参考方案1】：

这是由于某些 url，例如图像或配置文件使用不正确

<image src = "/ logo.png" />

这是错误的，应该是这样的

<image src = ". logo.png" />

在网络上不受影响，但在移动设备上会受到影响。

检查你的布局和页面，尤其是 App.vue，以防你使用 preFetch

https://quasar.dev/quasar-cli/handling-assets