node和koa實作資料mock接口

小云云
發布: 2018-02-05 10:24:17
原創
1671 人瀏覽過

本文主要跟大家介紹node+koa實作資料mock介面的方法,小編覺得蠻不錯的,現在分享給大家,也給大家做個參考。一起跟著小編過來看看吧,希望能幫助大家。

基於node+koa實現的mock資料接口,Koa需要v7.6.0以上node版本,低於此版本請先升級node

目錄結構


// 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

相關推薦:

########################################################## ######實例詳解vue 運用mock資料############Node.js測試中的Mock檔案系統詳解############PHPUnit如何mock函數內部實例化的物件######

以上是node和koa實作資料mock接口的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!