前言
在前后端对接中,有时后端的接口数据没有 那么快能给出,因此我们可以通过mock模拟自己的请求数据,在后端接口没有给出的同时,先使用mock请求的数据完成前端相关的逻辑
官方文档:vite-plugin-mock
vite 的数据模拟插件,是基于 vite.js 开发的。 并同时支持本地环境和生产环境。 Connect 服务中间件在本地使用,mockjs 在生产环境中使用
安装依赖
pnpm add vite-plugin-mock@2.9.6 mockjs@1.1.0 -D
配置
新建mock测试文件 mock/example.ts
export default [{url: '/mock/getMapInfo',method: 'get',response: () => {return {code: 200,title: 'mock请求测试'}}}
]
如果是mock的请求,建议大家以 /mock 开头