在寫代碼的過程中，難免會遇到需要模擬數(shù)據(jù)的時候，當(dāng)然mockjs是我們的選擇之一，通常的使用方法如下：

// 配置模擬數(shù)據(jù)：
Mock.mock('http://g.cn', {
    'name'     : '@name',
    'age|1-100': 100,
    'color'    : '@color'
});

// 發(fā)送Ajax請求：
$.ajax({
    url: 'http://g.cn',
    dataType:'json'
    }).done(function(data, status, xhr){
    console.log(
    JSON.stringify(data, null, 4)
    )    
})；

但是這種使用如果對于需要模擬很多個接口不是那么好，尤其在工程化的項目中，在利用create-react-app構(gòu)建react項目中，筆者是這樣融入mockjs（需要安裝fetch-mock包--yarn add fetch-mock，這個包主要用來包裝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