vite 配置 mock 数据

    1. 安装依赖
	npm install mock vite-plugin-mock
    1. 使用依赖
	vite.config.js 引入 
	import { viteMockServe } from 'vite-plugin-mock'
	plugins 中配置
	viteMockServe({ 
	 	 mockPath: 'mock', // 设置模拟数据的存储文件夹,
         logger: true, // 是否在控制台显示请求日志
         enable: command === 'serve'
    })
    1. 创建数据
   - 在 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
   	      }
   	    }
   	  }
   	]
   

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值