时间戳

首页 > 解决方案 > nuxt/pwa 部署到 heroku 时无法“离线”工作

heroku - nuxt/pwa 部署到 heroku 时无法“离线”工作

问题描述

我正在使用模式并Nuxt按照本指南ssr: false将我的应用程序部署到 heroku 。

现在我使用的模块在通过（生产模式）nuxt/pwa测试我的应用程序时工作得很好。npm run build && npm run start

我还注意到来自nuxt/pwa 文档的这条评论：

注意：如果在没有 nuxt generate 的生产模式下使用 ssr: false，则必须使用模块而不是 buildModules

我配置正确，所以我的 nuxt.config.js 文件如下所示：

ssr: false,
...
  modules: [
    ...
    '@nuxtjs/pwa'
  ],

  pwa: {
    manifest: {
      name: 'XY App',
      lang: 'de'
    }
  },

现在，当应用程序部署到 heroku 并且我将手机设置为飞行模式以模拟离线状态时，应用程序没有响应：“您没有连接到互联网”显示在浏览器中。我在这里做错了什么？我看不到任何错误配置，但也许我错过了 PWA 方法中的某些内容。

标签： herokunuxt.js

解决方案

我不确定如何配置它，但我知道包本身默认情况下不允许完全离线模式。查看文档，Workbox 似乎正是这样做的。多亏了 IMO，它应该很容易设置和启用完整的 service-worker + 缓存页面。

https://pwa.nuxtjs.org/workbox

看起来起点是：yarn add @nuxtjs/workbox，然后微调配置！

PS：你的其余配置对我来说看起来不错！

推荐阅读