vue.js - 在没有服务器的情况下查看 index.html

Question

我正在使用 vue.js 构建一个应用程序，该应用程序需要稍后在没有互联网连接且没有正在运行的服务器的终端上运行。我希望我的客户只需启动 index.html 文件。这可能吗？我需要什么设置？

当我启动 index.html 时，我在控制台中得到的唯一错误消息是： 未捕获的 DOMException：无法构造“Worker”：无法从源“null”访问“file:///xxx/dist/ec0098eb6371c2f4342a.worker.js”处的脚本。

我的 register-service-worker.js 看起来像这样允许本地主机

if (
  process.env.NODE_ENV === 'production' &&
  ('https:' === location.protocol || location.host.match(/(localhost|127.0.0.1)/)) &&
  navigator.serviceWorker
) {
  navigator.serviceWorker.register('/service-worker.js');
}

我现在尝试了几天来找到解决方案。我已经构建了一半的应用程序，现在我看到了 它不能在本地运行。我希望有人知道一个技巧。 来自德国的感谢

Answer 1

服务工作者需要 https 或 localhost 才能工作。它不适用于 file:// 等 (https://developers.google.com/web/fundamentals/primers/service-workers)

对于一键启动，您可以从批处理文件启动这样的服务器，但您必须假设您的客户端安装了 Node 或 python，然后npx http-server 或类似的东西可以工作。

最后，如果您的应用完全离线且没有服务器，您可能一开始就不需要 Service Worker。