dva框架使用mockjs模拟数据

1.安装mockjs

npm install mockjs --save
//如果安装失败可更改为淘宝源

2.配置mockjs

 打开.roadhogrc.mock.js加入如下配置

const fs=require('fs');
const path=require('path');
const mockPath=path.join(__dirname+'/mock');

const mock={};
fs.readdirSync(mockPath).forEach(file=>{
    Object.assign(mock,require('./mock/'+file));
});

module.exports=mock;

3.模拟API接口

 mock文件夹下新建tree.js

const Mock=require('mockjs');

let db=Mock.mock({
    
		"name": "优衣库项目2",
		"value":"01",
		"isFile": false,
		"children": [{
			"name": "合同编辑",
			"value": "02",
			"isFile": false,
			"children": [{
				"name": "脚本1.jmx",
				"isFile": true,
				"value": "03",
				"url": "/ss/ss/ok1.jmx"
			}, {
				"name": "脚本2.jmx",
				"isFile": true,
				"value": "04",
				"url": "/ss/ss/ok2.jmx"

			}, {
				"name": "脚本3.jmx",
				"isFile": true,
				"value": "05",
				"url": "/ss/ss/ok3.jmx"
			}]
		}, {
			"name": "合同查询",
			"value": "06",
			"isFile": false,
			"children": [{
				"name": "脚本4.jmx",
				"isFile": true,
				"value": "07",
				"url": "/ss/ss/ok4.jmx"
			}, {
				"name": "脚本5.jmx",
				"isFile": true,
				"value": "08",
				"url": "/ss/ss/ok5.jmx"
			}]

		}]
	
});

module.exports={
    ['GET /api/tree'](req,res){
     res.status(200).json(db);
    },

    
}

接下来看一下api能不能使用, 进入项目目录, 执行 npm start 启动  

默认端口是 8000

访问如下地址

http://localhost:8000/api/tree

dva框架使用mockjs模拟数据