vue3后台管理框架之Mock开发

前言

在前后端对接中，有时后端的接口数据没有 那么快能给出，因此我们可以通过mock模拟自己的请求数据，在后端接口没有给出的同时，先使用mock请求的数据完成前端相关的逻辑

官方文档：vite-plugin-mock

vite 的数据模拟插件，是基于 vite.js 开发的。 并同时支持本地环境和生产环境。 Connect 服务中间件在本地使用，mockjs 在生产环境中使用

安装依赖

pnpm add [email protected] [email protected] -D

配置

新建mock测试文件 mock/example.ts

export default [
  {
    url: '/mock/getMapInfo',
    method: 'get',
    response: () => {
      return {
        code: 200,
        title: 'mock请求测试'
      }
    }
  }
]

如果是mock的请求，建议大家以 /mock 开头