远程代理
拦截请求,随机响应,脱离后端开发。
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();
}
大功告成,运行你的业务组件看看效果吧。