nuxt.js -如何在服务器端为所有客户端缓存axios调用

npm install axios @nuxtjs/axios

module.exports = {
  // ...
  modules: [
    '@nuxtjs/axios',
  ],
  axios: {
    // 在这里配置axios的基本URL和其他选项
    // 例如：baseURL: 'https://api.example.com'
  },
  // ...
}

export default function ({ $axios, req, res }) {
  // 判断是否为服务器端
  if (process.server) {
    // 设置axios的缓存头部
    $axios.setHeader('Cache-Control', 'no-cache')
    // 设置axios的缓存键
    const cacheKey = `axios:${req.url}`
    // 判断缓存中是否存在该键
    if (res && res.has(cacheKey)) {
      // 从缓存中获取数据
      const cachedData = res.get(cacheKey)
      // 返回缓存的数据
      return Promise.resolve(cachedData)
    } else {
      // 发起axios请求
      return $axios.get(req.url).then((response) => {
        // 将数据存入缓存
        res.set(cacheKey, response.data)
        // 返回数据
        return Promise.resolve(response.data)
      })
    }
  }
}

module.exports = {
  // ...
  router: {
    middleware: 'cache-axios'
  },
  // ...
}