[TOC] >[success] # mock文件夹说明 **mockjs** 使用场景，通常是 **后台开发接口未完成时，前端需要使用数据时候**，就可以使用 **mockjs** ， **mock文件夹** 结构：  在 **mock文件夹** 下创建一个 **index.js文件** >[success] ## index.js ~~~ import Mock from 'mockjs' // 接口的数据都定义在中间 export default Mock ~~~ 因为 **mock** 属于 **第三方工具**，需要下载，执行如下**指令**： ~~~ npm install mockjs -D ~~~ >[success] ## response文件夹 **response文件夹** 中用来储存通过 **mock** 模拟出的数据，例如上面图片中的 **user.js** ， 就代表着是 **user** 模块的模拟数据，代码如下： **src/mock/response/user.js** ~~~ /** * 通过mock模拟getUserInfo接口数据 * @param {Object} options 请求体：body，请求类型：type，请求路径：url */ export const getUserInfo = (options) => { return { name: '小明' } } ~~~ **return 的对象** 就是模拟的数据，具体用法参考 [Mock.js模拟Ajax响应](https://www.kancloud.cn/wangjiachong/vue_notes/1964358)