如何使用 Cordova 设置绝对路径

Posted 2023-05-06

【中文标题】如何使用 Cordova 设置绝对路径

【英文标题】：How to set absolute paths with Cordova

【发布时间】：2021-10-29 12:30:28

【问题描述】：

这里有几个关于 Cordova 路径的类似 SO 问题，由于 android 和 ios 平台，它们应该始终是相对的。但是我的网络应用程序通过更改当前路径来添加书签，从而利用了浏览器的地址栏。

例如，您可能在图书页面上

mywebsite.com/books

然后点击一本书，引导您到

mywebsite.com/books/some-book

但页面本身从未改变，因为它是一个 SPA。但是，如果我在任何地方都使用相对路径，那么在 mywebsite.com/books/some-book 上刷新现在将尝试加载相对于 /some-book 的资产，例如 app.min.js 等。

因此，这个相对路径系统在浏览器和为 Android 和 iOS 构建的移动版 cordova 应用程序上都失败了。

对于浏览器，我可以维护我拥有的绝对路径，例如 /js/app.min.js，但我希望 Android/iOS/Cordova 的一些解决方案也可以使用固定路径。当我尝试/js/app.min.js 时，它会在files:///js/app.min.js 中查找文件失败。

我有能力很容易地操纵我的构建的输出，所以如果在我的 iOS/Android 或 Cordova 构建之后我可以注入一些魔法路径，例如file:// 或任何其他魔法路径是，那么我可以解决这个问题。

那么在使用 Cordova 将 Web 应用程序构建到移动应用程序时是否存在绝对路径？

【参考方案1】：

尝试设置路径

 <... src="assets/www/js/some.js">