Vite 使用 mock插件

1. 首先下载插件

yarn add vite-plugin-mock mock -D

2.建立mock文件夹，并且新建index.js 文件

export default [{

  url: '/dev-api/api/getUsers',

  method: 'get',

  response: () => {

    return {

      code: 200,

      message: 'ok',

      data: {

        'list|10': [

          {

            id: '@guid',

            name: '@cname',

            'age|20-30': 23,

            'job|1': ['前端工程师', '后端工程师', 'UI工程师', '需求工程师']

          }

        ],

        total: 10

      }

    }

  }

}]

 

 

 

3. 在vite.config.js中引入插件

import { viteMockServe } from 'vite-plugin-mock'

   plugins: [

      viteMockServe({

        mockPath: './mock/',

        supportTs: false, // 监听TS文件，这里要注意下js文件的话填false

        localEnabled: true // 开发环境

      })

    ],

 

4. 请求接口试一下吧