做示例数据时需要多个*.mock.ts同时公用一套数据，但是用单例类模式也会在每个mock模块中重新生成数据，导致列表和编辑不是一条数据

由于插件是对每个 *.mock.ts 进行独立编译的，其 <code class="notranslat

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

多个mock模块如何公用一套数据？ about vite-plugin-mock-dev-server HOT 5 CLOSED

pengzhanbo commented on May 24, 2024

多个mock模块如何公用一套数据？

from vite-plugin-mock-dev-server.

Comments (5)

pengzhanbo commented on May 24, 2024

由于插件是对每个 *.mock.ts 进行独立编译的，其 import * from './data.ts 对于每个 *.mock.ts 编译后，都隔离在各自作用域中，并不共享。

对于需要实现对数据的操作并保存操作后的结果，建议使用 lowdb 之类的 nosql ，将数据保存到本地文件中，通过 lowdb 对文件中的数据进行操作。实现数据持久化。

db.ts

import { join, dirname } from 'node:path'
import { fileURLToPath } from 'node:url'
import { Low } from 'lowdb'
import { JSONFile } from 'lowdb/node'

const __dirname = dirname(fileURLToPath(import.meta.url))

export function createDBHelper(filename: string) {
  const file = join(__dirname, filename)
  const adapter = new JSONFile(file)
  const defaultData = { posts: [] }
  const db = new Low(adapter, defaultData)
  return db
}

*.mock.ts

import { defineConfig } from 'vite-plugin-mock-dev-server'
import { createDBHelper } from './db'

const db = createDBHelper('data.json')

export default defineConfig({
  url: '/api/post',
  body: async () => {
     await db.read()
     return db.data.posts
  }
})

import { defineConfig } from 'vite-plugin-mock-dev-server'
import { createDBHelper } from './db'

const db = createDBHelper('data.json')

export default defineConfig({
  url: '/api/post/delete',
  body: async (query) => {
    await db.read()
    db.data.posts.splice(0, 1)
    await db.write()
    return { message: 'success' }
  }
})