Workbox 正在预缓存没有修订信息的 URL：/?standalone=true 这通常是不安全的

Question

我正在使用 Nuxt 和 @nuxtjs/pwa 构建一个网站。最近我开始在生产版本（部署在 Netlify 上）中看到这个警告。

Workbox is precaching URLs without revision info: /?standalone=true This is generally NOT safe.

他们 provide a link 提供了更多信息，但（对我而言）几乎没有解释如何修复警告。

任何人都可以指出这个警告的含义以及我该如何解决它吗？

编辑：因此，如果我没有明确地将 'start_url' 设置为 ""，那么 '/?standalone=true' 将添加到预缓存清单中。

生成的预缓存清单：

"preCaching":["/?standalone=true","/?standalone=true"]

Answer 1

什么在生成您的预缓存清单？

当 Workbox 认为您已明确添加到缺少 revision 属性.[=13= 的预缓存清单条目时，您将在开发模式下收到该错误消息]

这通常是不安全的，因为 Workbox 永远不会更新有问题的 URL，并且只能与包含内联版本控制信息的 URL 一起使用，例如 app.abcd1234.js。

this issue 中有更多上下文。

Answer 2

我必须在 nuxt.config.js

中明确地将 start_url 设置为 ""

  pwa: {
    icon:{
      sizes: [64, 120, 144, 152, 192, 384,512], 
    },
    meta: {
      title: 'Title',
      author: 'Author',
    },
    manifest: {
      name: 'Name goes here',
      short_name: 'NGH',
      lang: 'en',
      description: "",
      background_color: '#ffffff',
      start_url: "",
    },
  },

Workbox 正在预缓存没有修订信息的 URL：/?standalone=true 这通常是不安全的

Workbox is precaching URLs without revision info: /?standalone=true This is generally NOT safe

nuxt.js

progressive-web-apps

workbox