欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 文旅 > 美景 > nuxt3持久化存储全局变量

nuxt3持久化存储全局变量

2025/4/25 12:00:46 来源:https://blog.csdn.net/qq_46167326/article/details/147481465  浏览:    关键词:nuxt3持久化存储全局变量

最近有一个项目,全部数据给的是json文件,大量json文件的读取导致IO读取爆表,但是不给提供数据库

现有解决办法就是把所有文件在项目构建时,读取存为全局变量,缓存在内存里,减轻I/O压力

server/plugins/apps.ts 中获取的数据会存在内存中

这是因为:

  1. 该文件中定义的变量是在模块级别定义的,它的生命周期会持续到服务器运行期间。
  2. 当使用 defineNitroPlugin 时,这个插件会在服务器启动时执行一次,将数据加载到 appsData 变量中
  3. 在 Node.js 中,模块级别的变量会被缓存,并且在整个服务器运行期间保持存在。
  4. 在 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}
}) 

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词