node+koa实现数据mock

发布时间:2019-07-18 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了node+koa实现数据mock脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
基于node+koa实现的mock数据接口,Koa需要v7.6.0以上node版本,低于此版本请先升级node

目录结构

Paste_Image.png

// server.js
const Koa = require('koa');
const Router = require('koa-router');
const qs = require('qs');
const assert = require('assert');

const app = new Koa();
const router = new Router();

/**
 * 获取列表数据
 * @param {request} page 页数
 * @param {request} limit 每页数据条数
 * @param {response} errno 返回状态码 0 ==> 返回成功  1 ==> 有错误
 * @param {response} hasMore 是否有更多数据
 */
let listData = require('./mock/list/list.js');

router.get('/api/getlist/:page/:limit', function (ctx, next) {
    
    const page = ctx.params.page;
    const limit = ctx.params.limit;
    const maxPage = listData.length / limit;
    
    // 构造返回对象
    let res = {
        errno: 0,
        data: {
            hasMore: true,
            data: []
        }
    };

    // 如果超过最大页面数
    if ((page*1 + 1) >= maxPage) {
        res.data.hasMore = false;
    }
    res.data.data = listData.slice(page*limit, page*limit + limit);
      ctx.body = res;
});

/**
 * 获取详情数据
 * @param {request} id 商品id
 */
const detailData = require('./mock/detail/detail.js');

router.get('/api/getdetail/:id', function (ctx, next) {

    const id = ctx.params.id
    let res = {
        errno: 0,
        data: {
            data: []
        }
    }
    res.data.data = detailData;
    // todo...
    ctx.body = res;
});

/**
 * 提交评论
 * @param {request} id  用户id
 * @param {request} uid 商品id
 * @param {request} msg 评论内容
 */
router.post('/api/comment', function (ctx, next) {
    
    const params = qs.parse(ctx.req._parsedUrl.query);
    const id = params.id;
    const uid = params.uid;
    const msg = params.msg;
    if (id === undefined || uid === undefined || msg === undefined) {
        ctx.body = {
            errno: 1,
            msg: '缺少参数'
        }
    } else {
        // todo...
        ctx.body = {
            errno: 0,
            msg: '评论成功'
        }
    }
});

app
  .use(router.routes())
  .use(router.allowedMethods());
app.listen(3000);
console.log("server is running at http://localhost:3000/");

实际项目中,调用接口会遇到跨域的问题,解决的方式有多种,这里介绍如何在webpack中配置

module.exports = {
    ...

    devServer: {
        proxy: {
          // 将 `/api` 开头的 http 请求,都代理到 `localhost:3000` 上,由 koa 提供 mock 数据
          '/api': {
            target: 'http://localhost:3000',
            secure: false
          }
        }
        ...
    }
}

项目地址:

https://github.com/daijingfeng/mock-server
喜欢的朋友就赏个star吧
Paste_Image.png

脚本宝典总结

以上是脚本宝典为你收集整理的node+koa实现数据mock全部内容,希望文章能够帮你解决node+koa实现数据mock所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: