vite 配置 mock 数据

最新推荐文章于 2024-07-08 18:51:22 发布

cs_dn_Jie

最新推荐文章于 2024-07-08 18:51:22 发布

阅读量241

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/cs_dn_Jie/article/details/139500264

版权

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
   	      }
   	    }
   	  }
   	]