mock插件

开始前言

options说明

1. enable : 开启mock功能
2. type : local

local: 本地目录文件作为 mock数据

3. config：指定配置文件路径（默认为项目根目录 .mockrc.js）

.mockrc.js 说明

在项目根目录创建 .mockrc.js 文件 配置了 exclude ，如果匹配到过滤项，则不走mock数据
配置了 include ，如果匹配到包含项，则走mock数据
若同时配置 exclude include，则逻辑是先排除，再包含。若都为空，则全走mock数据

module.exports = {
    // 排除需要mock的接口，该参数作用于dip模式和local模式
    exclude : [ 
        "/api/cxc",
        "/api/text"
    ],

    // 包含需要mock的接口，该参数作用于dip模式和local模式
    include : [
        "/api/sjj"
    ],
}

案例

3. 启动本地开发

npm run start

4. 业务代码

// 会请求到 mock/get/api/cxc/data.json
axios.get('/api/cxc')

4. .mockrc.js

module.exports = {
    exclude : [],
    include : [],
}

5. 启动本地开发

npm run start

6. 业务代码

// 会请求到 dip 平台的对应仓库id下，名为 api__cxc schema模拟数据
axios.get('/api/cxc')

mock规则函数

demo

module.exports = function(request, response, mockjs){
    return {
        code: 200,
        message: "success",
        body: {
            id: '',
            url: '',
            email: '',
            age: '',
            chineseName: '',
            englishName: '',
            image: '',
            date: '',
            info: ''
        }
    }
}

mock规则函数-mockjs规则支持

用法可参考mockjs函数的使用。 mockjs