首页 > 解决方案 > 为 nextjs 默认服务器上的静态文件设置缓存控制标头

问题描述

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

但是,我无法更改公用文件夹下文件的缓存控制标头。

有什么方法可以在不设置自定义服务器的情况下设置缓存控制标头?

标签: next.js

解决方案


有未记录的功能或错误,但它有效。更多信息可以在这里找到https://nextjs.org/docs/api-reference/next.config.js/headers

将配置添加到您next.config.js的文件中,例如:

  async headers() {
    return [
      {
        source: '/:all*(svg|jpg|png)',
        locale: false,
        headers: [
          {
            key: 'Cache-Control',
            value: 'public, max-age=9999999999, must-revalidate',
          }
        ],
      },
    ]
  },

推荐阅读