import type { MockMethod } from 'vite-plugin-mock' const userData = [ { username: 'admin', password: '12345' }, { username: 'test', password: 'test' } ] export default [ { url: '/api/login', method: 'post', response: (data:any) => { const info = data.body const result= userData.some(item=>{ return item.username===info.username&&item.password===info.password }) const msg=result?`登录成功,欢迎${info.username}!`:'登录失败,用户名或密码不正确!' return {msg}; }, }, ] as MockMethod[];
时间: 2024-02-14 09:30:59 浏览: 149
vite-plugin-sloth:全新的静态网站生成,使用 HTML-first 方法来构建网站。 由 :high_voltage: Vite 提供支持
这段代码是一个使用 Vite 插件 `vite-plugin-mock` 创建的模拟接口响应的配置代码。
首先,导入了 `vite-plugin-mock` 中的 `MockMethod` 类型。
然后,定义了一个名为 `userData` 的数组,其中包含了两个用户对象,每个对象包含了 `username` 和 `password` 属性。
接下来,导出一个数组,这个数组中包含了一个对象作为模拟接口的配置。这个对象具有以下属性:
- `url`:设置模拟接口的 URL 为 `/api/login`。
- `method`:设置请求方法为 `post`。
- `response`:定义了一个回调函数作为接口响应的处理函数。这个函数接收一个 `data` 参数,其中包含了请求的数据。在函数内部,首先获取了请求体中的信息(`const info = data.body`),然后通过遍历 `userData` 数组来判断用户名和密码是否匹配。如果匹配成功,返回一个包含成功信息的对象;如果匹配失败,返回一个包含失败信息的对象。
最后,使用 `as MockMethod[]` 进行类型断言,将整个数组标记为 `MockMethod` 类型的数组,以满足 `vite-plugin-mock` 的要求。
这段代码的作用是模拟 `/api/login` 接口的请求,并根据请求参数验证用户登录信息,返回相应的消息作为响应结果。
阅读全文