vue項目中使用模擬數據 MOCK

 

vue項目中使用模擬數據 MOCK

1. 安裝mock http://mockjs.com/

　　npm install mock 

2. 新建mock.js文件存儲 模擬數據的方法

3.  模擬一個list數據

import Mock from 'mockjs'
Mock.mock('/meun', /post|get/i, {
  // /post|get/i 匹配post和get模式 也可以用'post'或'get'
  // 屬性 list 的值是一個數組，其中含有 1 到 10 個元素
  'list|1-10': [{
    // 屬性 id 是一個自增數，起始值為 1，每次增 1
    'id|+1': 1,
    // 隨機數字1-100
    'number|1-100': 100,
    // 返回city數組，每次里面有三個
    'city|3': {
      '310000': '上海市',
      '320000': '江蘇省',
      '330000': '浙江省',
      '340000': '安徽省'
    }
  }]
})

　　4 調用數據

// 引入axios
import axios from 'axios'
// 請求模擬數據
axios('/meun').then(req => {
  console.log('xxxxxxxxx', req)
})

　　5. 打印的結果

 

 

 原鏈接：  https://www.cnblogs.com/guozongzhang/p/10722691.html