項目中使用Mockjs模擬數據

1.首先需要安裝mockjs

npm install mockjs --save-dev

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

version.js代碼：

import Mock from 'mockjs'; 

const listVersion = () => {
  let data = {
    respCode: 100,
    rows: [],
    total: 10
  };

  for (let index = 0; index < 10; index++) {
    data.rows.push(Mock.mock({
      versionId: '@natural',
      versionName: '@ctitle',
      versionNum:'@ctitle',
      sotaAppName: '@ctitle',
      versionStatus:'2',
      updateTime: '@datetime'
    }))
  }
  return data;
}

export default {
  listVersion
}

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

import Mock from 'mockjs' 
import listVersion from "./data/version";

Mock.mock('news/api','post',listVersion);

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

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

此時就可以在代碼中用mock虛擬數據了：

 this.axios.post('news/api')
          .then((res) => {
              console.log(res)
          })
          .catch((err) => {
            console.log(err)
          })

打印出的內容：