Vite使用mockjs

1. 安装mockjs

1
2
3
pnpm add mockjs@1.0.0

pnpm add @types/mockjs -D

2. 安装vite-plugin-mock

1
pnpm add vite-plugin-mock@2.9.6 -D

3. vite.config.ts

1
2
3
4
5
6
7
8
9
10
11
import { viteMockServe } from 'vite-plugin-mock'

viteMockServe({
  localEnabled: true,
  prodEnabled: true,
  mockPath: 'mock',
  injectCode: `
    import { setupProdMockServer } from './plugins/mockProdServer'
    setupProdMockServer()
  `,
}),

4. 在plugins中加入 mockProdServer.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
import { createProdMockServer } from 'vite-plugin-mock/es/createProdMockServer'

const modules = import.meta.glob('../../mock/*.mock.ts', { eager: true })

const apiList: any[] = []

Object.values(modules).forEach((module: any) => {
  apiList.push(...module.default)
})

export function setupProdMockServer() {
  createProdMockServer([...apiList])
}
发布于