如何在生成的静态文件中添加缓存控制（Nuxt 3）-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

如何在生成的静态文件中添加缓存控制（Nuxt 3）

P粉765684602 2023-11-05 08:55:14

[Vue.js讨论组]

1124

我正在使用 Nuxt 3 创建 SSR 项目。我正在考虑将 Cache-Control 标头添加到 .output/_nuxt 目录中生成的静态文件。

我尝试了下面的代码 server/middleware/cache-control.ts

export default defineEventHandler((event) => {
  let res = event.res
  const year = 31536000
  const tenmin = 600
  const url = event.req.url
  const maxage = url.match(/(.+).(jpg|jpeg|gif|css|png|js|ico|svg|mjs)/) ? year : tenmin
  res.setHeader('Cache-Control', `max-age=${maxage} s-maxage=${maxage}`);
})

但是，它不起作用。

如何在生成的静态文件中添加Cache-Control？

P粉765684602

全部回复(3)

P粉1240704512023-11-06 00:30:22 3楼

对于 Nuxt3，我将其用作服务器中间件 server/middleware/cache-control.js

export default defineEventHandler((event) => {
  if (process.env.NODE_ENV == "production") {
    const url = event.node.req.url;
    const maxage = url.match(/(.+)\.(jpg|jpeg|gif|png|ico|svg|css|js|mjs)/)
      ? 60 * 60 * 12 * 30
      : 60 * 60;
    appendHeader(
      event,
      "Cache-Control",
      `max-age=${maxage} s-maxage=${maxage}`
    );
  } else {
    appendHeader(event, "Cache-Control", `max-age=${60} s-maxage=${60}`);
  }
});

赞 +0

添加回复

P粉6183582602023-11-06 00:03:59 2楼

我自己想办法。将以下代码添加到 nuxt.config.js 会将缓存控制附加到静态文件中。感谢您的支持！

export default defineNuxtConfig({
  nitro: {
    routeRules: {
      "/img/**": { headers: { 'cache-control': `public,max-age=${year},s-maxage=${year}` } },
      "/_nuxt/**": { headers: { 'cache-control': `public,max-age=${year},s-maxage=${year}` } },
    }
  }
})

赞 +0

添加回复

P粉6271103042024-11-23 16:47:07 1楼

龙腾公司开户{薇 sr88861}（电）132/6234/5696在决定开户之前，***公司的管理团队进行了深入的研讨与细致的规划。首先，明确了开户的目的与需求。是为了日常资金的收付流转更为便捷高效？还是为了拓展融资渠道，为公司的大规模项目筹备资金？亦或是为了更好地进行财务管理与风险防控？经过多番权衡，确定了开户将服务于公司全方位的金融运作需求，包括但不限于贸易往来结算、工资发放、税务缴纳以及潜在的资金投资与借贷等。同时，对市场上众多的金融机构展开了全面的调研。考量的因素涵盖了银行的信誉度、服务质量、手续费标准、金融产品的丰富性以及网点的便捷性等。经过层层筛选与比较，最终锁定了几家在业内口碑良好、实力雄厚且与***公司业务适配度较高的银行作为开户的候选对象。

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>