Vue3项目配置Mock模拟接口数据

mock是一个模拟数据生成器，旨在帮助前端独立于后端进行开发。使前端不用去调用后端的接口，即可完成前端单元测试。

当一个项目开始开发，正常情况是前后台开发同时进行，但是很多情况是后台先提供接口，然后前端才开始编写页面，这样就会导致项目进度缓慢，为了解决这个问题，前端一般是根据接口先在本地进行数据模拟请求，本次我们使用Mockjs，实现在基于Vue3项目的数据模拟。

1.安装Mockjs

Mockjs提供npm包，所以安装比较方便

yarn add mockjs

2.配置Mock

我们配置方法可以按照官方提供的，写的比较详细，这里我们稍微加点自己的方法，方便我们在添加mock模块的时候更加方便。

配置统一入口

在src文件夹下新建mock文件夹，文件夹中新建index.js，这个js文件作为统一入口文件，之后添加的所有的Mock数据都经过这个文件解析后，统一注册。

index.js文件内容如下：