vite中使用mock

在 Vite 中使用 mock 可以通过安装和配置 `vite-plugin-mock` 插件来实现。

首先，安装插件：

npm install vite-plugin-mock --save-dev

然后，在 `vite.config.js` 中配置插件：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import mock from 'vite-plugin-mock'

export default defineConfig({
  plugins: [
    vue(),
    mock({
      // mock 配置
    })
  ]
})

在以上配置中，`mock` 是 `vite-plugin-mock` 插件的实例，可以在其中配置 mock 数据的路径和选项。例如，可以在项目根目录下创建 `mock` 目录，将 mock 数据放在其中，并在插件配置中指定 mock 数据所在的目录：

mock({
  mockPath: 'mock',
  supportTs: false
})

这里的 `supportTs` 表示是否支持使用 TypeScript 编写 mock 数据。如果设置为 `true`，则需要安装 `@types/node` 包。

最后，在 mock 文件中编写 mock 数据的逻辑即可。例如，在 `mock/users.js` 文件中，可以编写如下代码：

export default {
  'GET /api/users': [
    { id: 1, name: 'John' },
    { id: 2, name: 'Doe' }
  ]
}

这样，当请求 `GET /api/users` 时，就会返回指定的 mock 数据。