nextjs 使用 lru-cache 进行缓存，在api里访问不到page中的缓存

曹天骄2024-03-19 10:10

因为Next.js中的页面和API路由是两个不同的执行上下文，它们之间的数据共享并不直接。

解决这个问题的一种常见方法是将缓存实例化为一个单独的模块，并在页面和API路由中共享这个模块。这样，无论是页面还是API路由，它们都可以访问到相同的缓存实例，从而实现数据共享。

下面是一个简单的示例代码，演示如何在Next.js中共享lru-cache缓存：

1、创建一个单独的cache.js文件，并在其中实例化lru-cache：

javascript 复制代码

// cache.js
const LRU = require('lru-cache');
const cache = new LRU({ max: 100 });

module.exports = cache;

2、在需要访问缓存的页面和API路由中引入cache.js文件，以共享缓存实例：

复制代码

// 在页面中引入缓存
import cache from '../path/to/cache.js';

// 在API路由中引入缓存
const cache = require('../path/to/cache.js');

这样，页面和API路由都可以通过引入相同的cache.js文件来访问相同的缓存实例，实现数据共享。