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. 请求接口试一下吧
标签:mock,插件,工程师,js,api,Vite,vite From: https://www.cnblogs.com/qt-fei/p/16794097.html