next.js - 为nextjs默认服务器上的静态文件设置缓存控制 header

Question

我正在使用默认的nextjs服务器通过此命令next start运行我的nextjs程序。

但是，我无法更改公用文件夹下文件的缓存控制 header 。

有什么方法可以设置缓存控制 header 而不设置“自定义服务器”？

Answer 1

根据 this bug report and discussion，Next 开发人员认为静态文件服务应仅用作开发人员的便利，而不应用于生产，因此他们不认为添加此类功能是优先事项。

但是，在问题评论中，有人建议使用 Express 来检测最终将提供静态文件的请求的解决方法。例如，如果 Next.js 路由处理程序是 handler() 方法，您可以这样做来为 *.woff 字体文件设置一年缓存策略:

  // this is a hack to make the cache headers friendlier..
  server.get('*.woff2?', (req, res) => {
    res.setHeader('Cache-Control', 'public,max-age=31536000');
    return handler(req, res);
  });