远程代理

拦截请求,随机响应,脱离后端开发。

VD 中实现远程代理代码实现如下:

创建业务组件,在 services 目录下,与业务组件名称对应的文件内编写 Mock 代码:

if (__DEV__) {
    let data = mock.mock({
        "status": 200", // 状态码
        "data|0-9": { // 具体语法规则参考: http://mockjs.com/examples.html
            "id": "@guid",
            "name": "@cname",
            "address": "@county(true)",
            "website": "@url",
            "email": "@email"
        }, // 数据内容
        "code": "001", // 业务返回码
        "message": "", // 消息文本(有业务返回码时,此字段不显示)
    });

    let mock = new MockAdapter(axios);

    // 模拟 200 请求
    mock.onGet(Api.getDatas).reply(data.status, data);
    // 更多使用方法参考:https://github.com/ctimmerm/axios-mock-adapter/blob/master/README.md


    // 模拟网络错误
    // mock.onGet(Api.getData).networkError();

    // 模拟超时请求
    // mock.onGet(Api.getData).timeout();

}

大功告成,运行你的业务组件看看效果吧。

results matching ""

    No results matching ""