android - 如何在 iOS/Android 应用程序中运行 Vue.js？

Question

目前我们有一个包含 webview 的应用程序，在 webview 中，url 地址是我们的远程服务器。问题是当启动应用程序时，它会连接到我们的服务器以下载 html/js/css 以显示内容。如果网络很慢，需要很长时间才能显示白屏。

对于传统的 html/css/js，我们可以将所有内容放在本地文件夹中，然后告诉 webview 从该本地文件夹加载内容。

但是我们使用的是 Vue.js。您可能知道，即使我们将 Vue.js 构建到 /dist 文件夹，您也不能直接使用 file:// 访问它们，它必须依赖于服务器。

所以我的问题是：我们如何在 iOS/Android 应用程序中运行一个小型服务器来提供这些 /dist 内容？这样webview就可以访问http://localhost:8080的东西来显示内容。

谢谢！

标签： androidiosvue.js

Answer 1

Webview 无法访问本地主机。想想看，webview 正在某人的设备上运行，而该设备不（也永远不可能）知道 localhost 是什么。如果您的 vue 应用程序中的 http 请求发送到实际的实时 http:// 或 https:// 服务器，那么 vue 实例化将在 WebView 中工作（至少在 Android 中，这是我所知道的）。