• <fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>
  • <bdo id="8imwq"><input id="8imwq"></input></bdo>
    最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
    問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
    當前位置: 首頁 - 科技 - 知識百科 - 正文

    node+koa實現數據mock接口的方法

    來源:懂視網 責編:小采 時間:2020-11-27 22:29:29
    文檔

    node+koa實現數據mock接口的方法

    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
    推薦度:
    導讀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

    基于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

    聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    node+koa實現數據mock接口的方法

    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
    推薦度:
    標簽: 數據 接口 的方式
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 精品精品国产理论在线观看| 亚洲а∨天堂久久精品9966| 久久精品成人影院| 久久水蜜桃亚洲av无码精品麻豆| 国产免费久久精品丫丫| 国产在线精品无码二区| 无码人妻精品一区二| 国产精品无码永久免费888| 成人国内精品久久久久一区 | 日韩精品一区二区亚洲AV观看| 国产精品性爱| 欧美精品亚洲精品日韩1818| 国产精品无码久久久久久| 欲帝精品福利视频导航| 日本五区在线不卡精品| 国产亚洲精品高清在线| 99国产精品国产免费观看| 国产高清国产精品国产专区| 人妻少妇精品中文字幕AV | 国产精品后入内射日本在线观看| 午夜精品一区二区三区在线视 | 拍国产乱人伦偷精品视频| 国产精品激情综合久久 | 热久久国产精品| 99久久这里只有精品| 国产精品久久久久久吹潮| 久久99精品国产自在现线小黄鸭 | 国产精品成人精品久久久| 亚洲国产成人精品不卡青青草原| 国产成人精品免费视频动漫 | 中文字幕精品久久| 综合在线视频精品专区| 亚洲?V乱码久久精品蜜桃 | 国产精品无码一区二区三区电影| 久久夜色精品国产噜噜麻豆 | 99麻豆久久久国产精品免费| 国产成人精品日本亚洲18图| 国产成人亚洲合集青青草原精品| 91麻豆精品国产自产在线观看一区 | 欧美精品一区二区三区视频| 久久青青草原精品影院|