nuxt3持久化存储全局变量
最近有一个项目,全部数据给的是json文件,大量json文件的读取导致IO读取爆表,但是不给提供数据库
现有解决办法就是把所有文件在项目构建时,读取存为全局变量,缓存在内存里,减轻I/O压力
server/plugins/apps.ts 中获取的数据会存在内存中
这是因为:
- 该文件中定义的变量是在模块级别定义的,它的生命周期会持续到服务器运行期间。
- 当使用 defineNitroPlugin 时,这个插件会在服务器启动时执行一次,将数据加载到 appsData 变量中
- 在 Node.js 中,模块级别的变量会被缓存,并且在整个服务器运行期间保持存在。
- 在 Nuxt3 的 Nitro 服务器中,defineNitroPlugin 确保了这个初始化过程只会在服务器启动时执行一次。
实现步骤:
server/plugins/app.ts
// 定义一个全局变量来存储应用数据
let appsData: any[] = []
let loadCount = 0 // 添加计数器来验证加载次数export default defineNitroPlugin(async () => {try {loadCount++console.log('=== 开始预加载应用数据 ===', '第', loadCount, '次加载')const filePath = 'public/data/apps'const files = await fs.readdir(filePath)console.log('===找到文件:', files.length, '条文件 ===')const apps = await Promise.all(files.map(async file => {const content = await fs.readFile(path.join(filePath, file), 'utf8')return JSON.parse(content)}))// 将所有应用数据合并并存储到全局变量中appsData = apps.flat()console.log('=== 应用数据预加载完成,共加载', appsData.length, '条数据 ===')} catch (error) {console.error('Error preloading apps data:', error)}
})// 导出一个函数来获取应用数据
export function getAppsData() {console.log('---从内存中获取应用数据,当前数据条数:', appsData.length, '---')return appsData
}
调用方法
server/api/app/[slug].get.ts
import { getRouterParam } from 'h3'
import { getAppsData } from '~/server/plugins/apps'export default defineEventHandler(async (event) => {try {const slug = getRouterParam(event, 'slug')// 使用预加载的数据const allApps = getAppsData()// 根据slug查找应用const app = allApps.find(app => app.slug === slug)return app} catch (error) {console.error('Error finding app:', error)return null}
})