Mock.js的簡易使用

一：安裝

npm install mockjs --save-dev

二：引入

• 在src目錄下創建mock.js文件，輸入以下代碼：

// 引入mockjs
const Mock = require('mockjs');
// 獲取 mock.Random 對象
const Random = Mock.Random;
// mock一組數據
const productData = function() {
  let Data = [];
  for (let i = 0; i < 8; i++) {
    let data = {
      a: Random.cname(), // Random.cname() 隨機生成一個常見的中文姓名
      b: Random.date(),  // Random.date()指示生成的日期字符串的格式,默認為yyyy-MM-dd
      c: Random.city(),  // Random.city() 隨機生成一個城市的名字
    }
    Data.push(data)
  }
 
  return {
    Data: Data
  }
}
 
// Mock.mock( url, post/get , 返回的數據)；
Mock.mock('/user/login', 'post', productData );
Mock.mock('/user/query', 'post', productData);

• 打開src目錄下的main.js文件，添加：

require('./mock.js')

如圖所示：

三：使用

在需要使用的文件中正常使用即可，以一個調用的函數為例：

updateTable() {
                var self = this;
                var qs = require('qs');
                axios.post('/user/login', qs.stringify({}))  //這里的/user/login即在mock.js中自定義的url
                    .then(function (response) {
                        self.myDatas = response.data.Data;
                    })
                    .catch(function (error) {
                        console.log(error);
                    })
                self.handleCurrentChange(1);
            },