代码拉取完成，页面将自动刷新
使用koa结合mock，主要提供给前端开发人员的模拟数据测试，必要的时候，也可以用于代理转发、和基于Koa开发新的系统
First, install Yeoman and generator-mock-koa using npm (we assume you have pre-installed node.js).
npm install -g yo
npm install -g generator-mock-koa
Then generate your new project:
yo mock-koa
实现了基础的功能，能够基于简单配置实现数据的mock 升级特性：构建完成后，会自动安装相关依赖，使用者只需要到根目录下执行
npm run mock-serve就能开启mock服务了
项目构建完成后，打开
src/api，在这个页面下编写mock的接口，在该目录下的文件会自动处理，要求符合格式
案列：使用模板解析语法开发
import Mock from 'mockjs';
const data = Mock.mock({
total: 100,
'rows|10': [{
id: '@guid',
name: '@cname',
'age|20-30': 23,
'job|1': ['前端工程师', '后端工程师', 'UI工程师', '需求工程师']
}]
});
export default {
prefix: "/pattern",
methods: {
"GET /a": data,
"GET /list": () => {
return {
code: 200,
message: "success",
data
}
},
// 这里的 ctx ==> router.get(ctx);
"/list2": (ctx) => {
return {
code: 200,
message: "success",
data: ctx.request.query
}
},
"POST /form": () => {
return {
code: 200,
message: "success",
data: Mock.mock({ id: '@guid' })
}
}
}
};
案列，使用原生Koa的开发模式
import Router from 'koa-router';
import Mock from 'mockjs';
/**
* 案列，使用原生Koa的开发模式
*/
const router = new Router({
prefix: '/user',
});
/**
* 获取菜单列表
*/
router.get('/list', (ctx) => {
const data = Mock.mock({
total: 100,
'rows|10': [{
id: '@guid',
name: '@cname',
'age|20-30': 23,
'job|1': ['前端工程师', '后端工程师', 'UI工程师', '需求工程师']
}]
});
return {
code: 200,
message: "success",
data
}
});
export default router;
MIT © mmyhs
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。