vue2项目创建详细过程——（五）安装mock

1、npm install mockjs --save-dev

2、引入mock （welcome.vue内：）

import Mock from 'mockjs'

3、引入模拟的mock数据（welcome.vue内：）

import mockData from '@/mock/mock'

以下为模拟的数据：

export default {
	get2Data: () => {
		return {
			code: 200,
			msg: 'success',
			data: {
				id: 2,
				name: 'vsked22'
			}
		}
	},
	get4Data: () => {
		return {
			code: 200,
			msg: 'success',
			data: {
				id: 4,
				name: 'vsked4'
			}
		}
	}
}

4、使用axios发请求

get1() {
	console.log("配合axio发送请求");
	axios.get('http://localhost:8080/no1').then(res => {
		console.log(res)
	}).catch(err => {
		console.log(err)
	});
},

5、axios+mock

get2() {
	Mock.mock('http://localhost:8080/no2',mockData.get2Data());
	axios.get('http://localhost:8080/no2').then(res => {
		console.log("配合axios+mock模拟数据:"+res)
	}).catch(err => {
		console.log(err)
	});
},