使用mockjs 隨機生成模擬接口數據

使用mockjs 隨機生成模擬接口數據，要多少就有多少哦，准備工作，還是先要安裝最新版本的node和npm哦

mockjs官網： http://mockjs.com/

1：在D盤新建一個文件夾Mockjs

打開cmd，右鍵管理員身份運行
進入Mockjs的根目錄

 

 

2：在根目錄下安裝mockjs依賴

cnpm install mockjs

 

 

 

 

3：在根目錄底下新建文件夾mock，里面寫db.js

 

 

寫代碼db.js

let Mock=require('mockjs');//引入mockjs模塊 let Random = Mock.Random; module.exports = function() { var data = {//定義等下要返回的json數據 news: [] }; var images = [1,2,3].map(x=>Random.image('200x100', Random.color(), Random.word(2,6))); //隨機成長3個圖片信息 尺寸 顏色 和隨機字母的數組 for (var i = 0; i < 100; i++) { var content = Random.cparagraph(0,10);//隨機生成0到10段句子 data.news.push({ id: i,//固有id title: Random.cword(8,20),//隨機長度為在8到20內的漢字字符串 desc: content, tag: Random.cword(2,6),//隨機長度為2 到 6 的漢字 views: Random.integer(100,5000),//100到5000的隨機整數 images: images.slice(0,Random.integer(1,3)),//截取隨機一到三個圖片 time:Random.date() }) } return data //返回json數據 } 

3：運行

json-server mock/db.js
或者指定端口運行
json-server mock/db.js --port  3003

 

 

4：在瀏覽器里面打開

這個時候可以看到，已經生成了接口啦.
http://localhost:3000/news