項目中使用Mockjs模擬數據

1.首先須要安裝mockjs

npm install mockjs --save-dev

2. 以下圖目錄結構建立了一個version.js，用於寫自動生成json數據的方法

version.js代碼：

 1 import Mock from 'mockjs'; 
 2 
 3 const listVersion = () => {
 4   let data = {
 5     respCode: 100,
 6     rows: [],
 7     total: 10
 8   };
 9 
10   for (let index = 0; index < 10; index++) {
11     data.rows.push(Mock.mock({
12       versionId: '@natural',
13       versionName: '@ctitle',
14       versionNum:'@ctitle',
15       sotaAppName: '@ctitle',
16       versionStatus:'2',
17       updateTime: '@datetime'
18     }))
19   }
20   return data;
21 }
22 
23 export default {
24   listVersion
25 }

在第一張圖中index.js中寫代碼：

1 import Mock from 'mockjs' 
2 import listVersion from "./data/version";
3
4 Mock.mock('news/api','post',listVersion);

在工程入口main.js中添加引用

import './mock'  //這樣寫是會默認到mock文件夾下找index文件，執行了index.js中的Mock.mock()下面纔回有數據返回

此時就能夠在代碼中用mock虛擬數據了：

1  this.axios.post('news/api')
2           .then((res) => {
3               console.log(res)
4           })
5           .catch((err) => {
6             console.log(err)
7           })

打印出的內容：