在寫代碼的過(guò)程中糟描，難免會(huì)遇到需要模擬數(shù)據(jù)的時(shí)候怀喉，當(dāng)然mockjs是我們的選擇之一，通常的使用方法如下：
// 配置模擬數(shù)據(jù)：
Mock.mock('http://g.cn', {
'name' : '@name',
'age|1-100': 100,
'color' : '@color'
});
// 發(fā)送Ajax請(qǐng)求：
$.ajax({
url: 'http://g.cn',
dataType:'json'
}).done(function(data, status, xhr){
console.log(
JSON.stringify(data, null, 4)
)
})船响；
但是這種使用如果對(duì)于需要模擬很多個(gè)接口不是那么好躬拢，尤其在工程化的項(xiàng)目中，在利用create-react-app構(gòu)建react項(xiàng)目中见间，筆者是這樣融入mockjs（需要安裝fetch-mock包--yarn add fetch-mock聊闯，這個(gè)包主要用來(lái)包裝fetch）的。
工程目錄.png
1.主要增加了mock文件夾米诉，api文件夾菱蔬，其中agentList.js是模擬數(shù)據(jù)
agentList.js.png
2.mock.js和index.js文件分別是這樣
mock.jspng
index.js.png
3.最后需要調(diào)用api
api.js.png
4.在組件中調(diào)用即可
image.png
