---------1-----------
mkdir mock-server && cd mock-server
npm init -y
npm install express cors mockjs
npm install --save-dev nodemon
---------2-----------
vim package.json
"scripts": {
"dev": "nodemon app.js"
}
--------3------------
vim app.js
const express = require('express');
const cors = require('cors');
const app = express();
app.use(cors());
app.use(express.json());
const doctorRoutes = require('./routes/doctor');
app.use('/api/doctor', doctorRoutes);
const PORT = 3001;
app.listen(PORT, () => {
console.log(Mock server running at http://localhost:${PORT}
);
});
--------4----------
vim routes/doctor.js
// routes/doctor.js
const express = require('express');
const router = express.Router();
const doctorData = require('../mock/doctorData');
// 获取分页列表
router.get('/list', (req, res) => {
const data = doctorData.getDoctorList(req.query);
res.json(data);
});
// 添加医生(模拟成功)
router.post('/add', (req, res) => {
res.json({ code: 0, message: '添加成功' });
});
// 编辑医生
router.post('/edit', (req, res) => {
res.json({ code: 0, message: '编辑成功' });
});
// 删除医生
router.post('/delete', (req, res) => {
res.json({ code: 0, message: '删除成功' });
});
module.exports = router;
--------5--------
vim mock/doctorData.js
// mock/doctorData.js
const Mock = require('mockjs');
function getDoctorList(query) {
const total = 66;
const page = parseInt(query.page) || 1;
const pageSize = parseInt(query.pageSize) || 10;
const list = Mock.mock({
[data|${pageSize}
]: [
{
id: '@id',
name: '@cname',
mobile: /^1[3-9]\d{9}$/,
department: '@word(5)',
status: '@pick(["在职", "离职"])'
}
]
});
return {
code: 0,
data: list.data,
total,
page,
pageSize
};
}
module.exports = {
getDoctorList
};
----6----
npm run dev
访问接口:
GET /api/doctor/list?page=1&pageSize=10
POST /api/doctor/add
POST /api/doctor/edit
POST /api/doctor/delete
https://juejin.cn/post/7503477345267204134
------------------json-server-------------------
npm i -g json-server
npm config ls
prefix: E:\nodejs\node_global add to ENV PATH
json-server --watch article.json --port 3000
使用步骤(node)
1、安装:npm install mockjs
2、导入:var Mock = require(‘mockjs’)
3、使用:var data = Mock.mock({…})
4、mockjs语法规范
5、数据模板的定义规范
6、数据占位符定义规范
常用的占位符:
1.随机字符串
(类型 , 位数)
@string(lower,10)
lower : 小写字母
upper : 大写字母
number : 数字
2.随机int
(下限 , 上限)
@integer(60, 100)
3.随机boolean
@boolean
4.随机float/double
(下限 , 上限)
@float(60, 100)
5.随机日期(yyyy-mm-dd)
@date
6.随机时间(hh:mm:ss)
@time
7.随机日期+时间(yyyy-mm-dd hh:mm:ss)
@datetime
8.当前日期+时间(yyyy-mm-dd hh:mm:ss)
@now
9.随机图片占位符 ,会生成一个图片链接
@image(200×100)
10.随机颜色(#79f2ac)
@color
11.长文本(英文)
@paragraph
12.长文本(中文)
@cparagraph
13.常用特殊格式
@url 链接
@domain 域名
@email 邮箱
@ip IP
@region 地区(华东,华南….)
@province 省
@city 市
@county 县
@zip 邮编
@guid 随机GUID
@id 随机ID(Long)
7、如何使用mock来模拟接口(node)
8、前端请求接口(react)
————————————————
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/daigua0/article/details/143373122
转载请注明:SuperIT » mock 服务器快速搭建