下面演示的是我总结的一个使用示例，帮助大家参考学习，看完后，如果大家有其他需求，可以参考Mock.js 的官方文档，需要生成哪些格式的数据，复制样例代码即可，本案例重在演示如何使用Mock.js和json server自动生成前端开发测试用的接口数据。
先创建一个项目文件夹，取名为mock，初始化一下项目：
npm init -y
之后安装mock.js：
npm install mockjs --save-dev
安装json-server，可以选择全局安装：
npm install -g json-server
安装好这两个依赖后，在项目根目录下面新建一个db.js（名字任取），然后编写如下的代码:
const Mock = require('mockjs')
// Mock.Random 是一个工具类，用于生成各种随机数据。
const Random = Mock.Random
// 导出数据
module.exports = () => {
// 定义要导出的数据
let data = { news: [] }
// 生成数据
for (let i = 0; i < 20; i++) {
data.news.push({
id: i,
content: Random.paragraph(),
createTime: Mock.mock('@date("yyyy-MM-dd HH:mm:ss")'),
})
}
// 把数据导出
return data
}
在mock.js的官方样例文档中，有很多种类数据的样例代码，用到复制粘贴即可，不需要背。
最后我们启动json-server，就可以模拟生成后端数据了：
json-server --watch --port 3333 --host 127.0.0.1 db.js
之后就可以访问 http://127.0.0.1:3333/news 就可以访问到数据了，甚至可以通过json server对数据进行增删改查等的操作。文章来源：https://www.toymoban.com/news/detail-401645.html
文章来源地址https://www.toymoban.com/news/detail-401645.html
(´｡• ᵕ •｡)(´｡• ᵕ •｡) 如果这篇文章对你有帮助，可以帮忙点个赞吗？谢谢了(´｡• ᵕ •｡)(´｡• ᵕ •｡)。
到了这里，关于使用Mock.js和json server快速生成前端测试数据的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
