vue.js - 如何使用 REDIS 缓存 nuxt 应用程序中的所有页面以及如何为移动版和桌面版分别制作缓存？

Question

我使用nuxt-ssr-cache库进行页面缓存。直到今天我都这样使用它：

nuxt.config.js：

  cache: {
    useHostPrefix: true,
    pages: ['/'],  
    key(route, context) {
      if (route === '/') {
        return 'page:home:string';
      }
      let page = route.substr(1).split('/');
      page = page.join('.');
      return `page:${page}:string`;
    },
    store: {
      type: 'memory',
      max: 100,    
      ttl: 60,     
    }
  },

它工作正常，但今天我们已经实现了 redis。官方库文档展示了如何将其用于 redis ：

module.exports = {
  // ....
  cache: {
    // ....
    store: {
      type: 'redis',
      host: 'localhost',
      ttl: 10 * 60,
      configure: [
        // these values are configured
        // on redis upon initialization
        ['maxmemory', '200mb'],
        ['maxmemory-policy', 'allkeys-lru'],
      ],
    },
  },
}

我将此代码实施到 nuxt.config.js 但有一个错误： 控制台错误

还有一个问题——我不明白如何为我的 vue-nuxt 应用程序的移动版和桌面版分别制作缓存。

不幸的是，我无法在 Google 中找到我的问题的答案。

标签： vue.jscachingredisnuxt.js