dva框架使用mockjs模拟数据

第一步：在框架下的mock文件夹下新建users.js（对应users路由下的页面）

const Mock = require('mockjs');//导入mock.js模块

const config=require("../src/utils/config");
const {apiPrefix}=config;
const userData=Mock.mock({
    'data|95':[{
        'key|+1':1,
        'name':'Edward King',
        'age':32,
        'address':'London, Park Lane no1'
    }]
})

module.exports={
    //post 请求   /api/v1/users/是拦截地址   方法内部接受request  response对象
    [`GET ${apiPrefix}/users`](req,res){
        res.json(userData)
    }
}

第二步：在.umirc.mock.js中导入mock

const mock = {}
require('fs').readdirSync(require('path').join(__dirname + '/mock')).forEach(function(file) {
    Object.assign(mock, require('./mock/' + file))
})
module.exports = mock

第三步：需要数据的地方用fetch请求
utils/request.js

export default async function request(url, options) {
  return fetch(url, options)
    .then(checkStatus)
    .then(parseJSON)
    .then(data => ({ data }))
    .catch(err => ({ err }));
}

users/services/users.js

export async function load(params){
    return request(`${APIV1}/users`,
        {
            method:'GET',
        }
    )
}

config.js

const mainUrl = 'http://199.199.1.146/';
const APIV1 = '/api/v1'
module.exports = {
  apiPrefix: '/api/v1',
  APIV1,
};