koa 快速模拟后台接口

在前后端同步开发的过程中,前期后台接口出的没那么快,前端一般可以自己通过koa模拟后台接口—前提时与后台约定好数据格式。下面是如何用koa2模拟假数据接口的实现:

首先安装个koa脚手架

npm install koa-generator -g

koa生成一个server目录并安装依赖

koa2 server && cd server&& npm i

新建个假数据目录

mkdir mock

目录


1649670028(1).png

DetailData的假数据长这样

module.exports = {
    "msg": "成功",
    "code": 200,
    "data": {
        "records": [{
            "id": 149,
            "alertName": "poseidon_httpClient_codeCountStat_count_total",
            "buCode": "test",
            "buName": "中间件",
            "projectCode": "test-public",
            "projectName": "中间件公共项目",
            "resourceType": "java",
            "resourceCode": "service_code_4431",
            "resourceName": "mssp-web",
            "alertStatus": 0,
            "alertStatusName": "处理中",
            "updateTime": "2022-03-23 14:57:57"
        }],
        "total": 66,
        "size": 10,
        "current": 1,
        "orders": [

        ],
        "optimizeCountSql": true,
        "hitCount": false,
        "countId": null,
        "maxLimit": null,
        "searchCount": true,
        "pages": 7
    },
    "success": true,
    "exception": null,
    "attachment": null,
    "errCode": 200
}

alarm.js里的长这样

const router = require('koa-router')()
let DetailData = require('../mock/historyDingTalkDetail')
router.get('/alert/history/dingTalk/detail', async (ctx, next) => {
    ctx.append("Access-Control-Allow-Origin","*")
    ctx.body = DetailData
})
module.exports = router

然后app.js里面的其它的不需要动,只是配置下路由就行

// routes
app.use(index.routes(), index.allowedMethods())
app.use(users.routes(), users.allowedMethods())
app.use(alarm.routes(), alarm.allowedMethods())

好了,接下来

npm run dev
// 或者
npm run start
// 都行,一个时修改热加载,一个要重启,看需求

打开浏览器 输入http://localhost:3000/alert/history/dingTalk/detail

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 简介 参考博客: 全栈开发实战:用Vue2+Koa1开发完整的前后端项目(更新Koa2)前置技能: 具备Vue和K...
    Ghamster阅读 8,234评论 1 15
  • 第一步:创建集群 image.png 如果已经有了集群的界面如下 image.png 第二步:创建用户(注意记住帐...
    张钰张钰张钰阅读 328评论 0 0
  • 第一步:创建集群 image.png 如果已经有了集群的界面如下 image.png 第二步:创建用户(注意记住帐...
    罗双海阅读 255评论 0 0
  • 1.安装 nodejs 2.安装 git 3.下载vue-element-admin[https://github...
    不留遗憾_dd5b阅读 291评论 0 0
  • 在前后端分离开发项目时,经常会有前后端进度不一致,可能前端界面开发已经完成,就等接口了,如果等接口出来再联调的话时...
    哈雷_瑞星阅读 1,423评论 0 3