yarn add vite-plugin-mock mockjs -D
	//vite.config.ts
  export default ({ command, mode }: ConfigEnv): UserConfig => {
  //command 可以根據(jù)'build' | 'serve'不同環(huán)境來(lái)配置
  const isBuild = command === 'build'
  //mode拿環(huán)境變量 development開(kāi)發(fā) |production 生產(chǎn)
  const root = process.cwd()
  const env = loadEnv(mode, root)
  return {
    plugins:[ viteMockServe({
    mockPath: 'mock',
    localEnabled: !isBuild
  })]
  }
}

//ts.config.json
"include": ["mock/**/*.ts"]

根目錄創(chuàng)建mock文件夾

import { Random } from 'mockjs'
import { MockMethod } from 'vite-plugin-mock'
export default [
  {
    url: '/api/info',
    method: 'get',
    response: () => {
        return {
          code: 200,
          message: '請(qǐng)示成功',
          type: 'success',
          data: {
            name: 'yyyy',
            age: 18,
            avatar: '/avatar/xj.jpg'
          }
        }
      }
  }
 
] as MockMethod[]

使用方式

let data = await fetch('api/info', {
  method: 'get'
}).then(res => res.json())
console.log(data)