项目中使用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)
          })

打印出的内容：