Nuxt有效缓存

Question

通过有效的缓存策略为静态资产提供服务。如果我审核我的应用程序，我会得到这个。我将此代码添加到nuxt.config，但这会有所帮助。

render: {
  static: {
    maxAge: 2592000
  }
},

其默认情况下在浏览器中缓存静态资产1h。 我在哪里可以更改它。或如何？

Answer 1

您应该使用Firebase配置静态文件的标头：

https://firebase.google.com/docs/hosting/full-config#headers

// in firebase.json
"hosting": {
  // ...

  // Add the "headers" attribute within "hosting", override cache control
  "headers": [ {
    "source": "**/*.@(jpg|jpeg|gif|png)",
    "headers": [ {
      "key": "Cache-Control",
      "value": "max-age=2592000"
    } ]
  }
 ]
}

这应该为您提供所需的缓存控制值，具体取决于您要在其中设置的内容。