vue—json-server+mock模拟数据
一、前期准备工作
二、mock.js安装
npm install mockjs --save
三、json-server安装
npm i json-server
四、生成随机json数据
const Mock = require('mockjs') // 引入mockjs
const Random = Mock.Random // Mock.Random 是一个工具类,用于生成各种随机数据
let data = [] // 用于接受生成数据的数组
for(let i = 0; i < 30; i ++) { // 可自定义生成的个数
let template = {
//随机生成1-12的整数
'month':Random.integer(1,12),
// 'nationKey':'',
//随机生成省份
'nationName':Random.province(),
// 'peopleKey':'',
//随机生成中文名
'peopleName':Random.cname(),
'totalConsumption':Random.integer(10000,100000000),
'year':2021
}
//将json数据加入数组中
data.push(template)
}
let one = Mock.mock(data) // 根据数据模板生成模拟数据
let newarry = JSON.stringify(one)
//利用写入文件
const fs =require('fs')
const path =require('path')
let dir = path.join(__dirname,'data2.json')//这里写你要存入哪个文件的路径
fs.writeFile(dir,newarry,'utf8',(err)=>{
console.log("写入成功"+err);
})
console.log(one);
五、启动json-server服务开启端口
这里需要注意一下 json-server 必须要是一个object对象才能开启