nextjs 使用 lru-cache 进行缓存,在api里访问不到page中的缓存
因为Next.js中的页面和API路由是两个不同的执行上下文,它们之间的数据共享并不直接。
解决这个问题的一种常见方法是将缓存实例化为一个单独的模块,并在页面和API路由中共享这个模块。这样,无论是页面还是API路由,它们都可以访问到相同的缓存实例,从而实现数据共享。
下面是一个简单的示例代码,演示如何在Next.js中共享lru-cache缓存:
1、创建一个单独的cache.js文件,并在其中实例化lru-cache:
// 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文件来访问相同的缓存实例,实现数据共享。