-
- 安装依赖
npm install mock vite-plugin-mock
-
- 使用依赖
vite.config.js 引入
import { viteMockServe } from 'vite-plugin-mock'
plugins 中配置
viteMockServe({
mockPath: 'mock', // 设置模拟数据的存储文件夹,
logger: true, // 是否在控制台显示请求日志
enable: command === 'serve'
})
-
- 创建数据
- 在 src 外创建mock文件夹
- 在index.js 中创建数据
import Mock from 'mockjs'
const dataList = []
for (let i = 0; i < 33; i++) {
dataList.push({
id: Mock.mock('@guid'),
name: Mock.mock('@cname'),
})
}
// 导出接口
export default [
{
url: '/login', // 接口
method: 'get', // 请求类型
response: (res) => {
return {
code: 0,
msg: '成功',
data: dataList
}
}
}
]