Mock.js基本使用

  1. 一、Mock.js概述
  2. 二、安装&使用Mock.js
    1. 1、安装
    2. 2、在express项目中使用Mock.js

一、Mock.js概述

Mock.js 用于生成随机数据,拦截Ajax请求


二、安装&使用Mock.js

1、安装

$ npm install mockjs
$ yarn add mockjs

2、在express项目中使用Mock.js

引入 Mock.js

var Mock = require('mockjs')

api.js 文件里配置如下内容

const router = require('express').Router()
const Mock = require('mockjs')

var data = Mock.mock({
    "list|5": [
        {
            "id|+1": 1
        }
    ]
})
// 输出设置的数据
console.log(JSON.stringify(data, null, 4))

// 一般请求
router.get('/shop/list', (req, resp) => {
    resp.json({
        code: 200,
        list: {
            data
        }
    })
})

// 设置为传id
router.get('/shop/detail', (req, resp) => {
    const { id } = req.query
    const detail = Mock.mock({
        "id": id,
        "title": "@ctitle",
    })
    resp.json({
        code: 200,
        body: {
            detail
        }
    })
})

// 动态路由
router.get('/shop/detail2/:id', (req, resp) => {
    resp.json({
        "id": req.params.id
    })
})

module.exports = router

转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 848130454@qq.com

文章标题:Mock.js基本使用

文章字数:215

本文作者:Spicy boy

发布时间:2019-02-03, 00:09:56

最后更新:2021-03-30, 15:46:02

原始链接:http://www.spicyboy.cn/2019/02/03/Mock-js%E5%9F%BA%E6%9C%AC%E4%BD%BF%E7%94%A8/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏