json-server与mockjs结合实践

mock server服务目录

index.js            // 可以认为是模拟数据库，或者应该算接口返回的结果集
json-server.json    // json-server配置
db                  // 存储返回结果集的模拟表
posts
...

将模拟表组合成模拟数据库

// index.js
let posts = require('./db/posts')()

module.exports = () => {
let db = {
posts: posts
}

return db
}

使用mockjs定义单个模拟表

// ./db/posts.js
const Mock = require('mockjs')
const Random = Mock.Random

module.exports = () => {
// 模拟表
let table = []
// 模拟表初始长度
let count = 10

// 生成模拟表数据
for (let i = 0; i < count; i++) {
// 模拟表记录结构
let one = {
title: Random.cword(3, 5),
content: Random.cword(10, 100)
}
one.id = i
table.push(one)
}

return table
}

启动json-server服务，访问posts模拟接口：



将每个模拟表都分开的好处是，更直观、更便于管理。

Mockjs类型支持示例：http://mockjs.com/examples.html

json-server了解更多：https://github.com/typicode/json-server