vue3 Mock 数据使用

1. Mock 数据的方式

pnpm install -D mockjs 
pnpm install -D vite-plugin-mock mockjs 

2  安装依赖

或者使用npm都可以

pnpm install -D mockjs 

pnpm install -D vite-plugin-mock mockjs 

3 在 vite.config.js 配置文件启用插件。

只看 viteMockServe相关的

import {
  fileURLToPath,
  URL
} from 'node:url'

import {
  defineConfig
} from 'vite'
import vue from '@vitejs/plugin-vue'
import {
  createSvgIconsPlugin
} from 'vite-plugin-svg-icons'
import path from 'path'
//配置mock数据
import {
  viteMockServe
} from 'vite-plugin-mock'

// https://vitejs.dev/config/

//这里改成写的方法返回 { command } 参数用来获取环境变量，只是开发环境使用
export default (({
  co