在Vue项目中使用Mock.js

安装

npm install mockjs
（在项目中一般只需要安装在开发环境：npm install mockjs --save-dev）

使用

src根目录下新建mock文件夹和api文件夹：

main.js

import './mock/index.js'

mock/index.js

// 保存模拟数据路径
import Mock from 'mockjs'
import itemList from './itemList'

Mock.mock(/\/itemList\/getItemList/,'get',itemList.getItemList)

mock/itemList/index.js

import Mock from 'mockjs'
let params =  Mock.mock({ // 数据池
    'userTableData|10': [{ // 图表过滤所需数据
        'name': '@cname',
        'date': '@date',
        'province': '@province',
        'city': '@city',
        'address': '@county(true) @ctitle() @natural(1000,9999) 号',
        'zip': '@zip'
    }]
})

export default {
    getItemList: () => ({
        code: 200,
        data: params
    })
}

api/api.js

// 保存访问接口
import Axios from 'axios'

export async function getItemList () {
    let result = await Axios.get(`/itemList/getItemList`).then(d => d.data);
    return result
}

在页面中使用

import * as mockApi from '../api/api.js'

mockApi.getItemList().then(res=>{
                console.log(res)
            }).catch(err=>{
                
 })

效果