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