vite-plugin-mock的正确配置

vite-plugin-mock是一个Vite插件，用于在开发过程中模拟接口请求，提高开发效率。下面是vite-plugin-mock的正确配置步骤：

1. 安装vite-plugin-mock

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

2. 在vite.config.js中引入vite-plugin-mock

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

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

3. 在项目根目录下新建mock文件夹，并在其中创建mock数据文件

// mock/user.js
export default {
  'GET /api/user': {
    name: 'John Doe',
    age: 28
  },
  'POST /api/login': {
    token: '1234567890'
  }
}

4. 启动Vite开发服务器

npm run dev

5. 访问接口

在浏览器中访问 http://localhost:3000/api/user 或 http://localhost:3000/api/login，即可看到mock数据返回的结果。

注意：vite-plugin-mock仅用于开发环境，不应该在生产环境中使用。