vue中使用mock做数据

vue中mork的使用

起步

安装
npm i morkjs --save
npm i axios --save

准备工作

在src目录下新建文件mork文件夹，在文件下新建index.js和test.js
test.js代码

const page1 = {
    code: 200,
    data: [{
        id: 0,
        name: '张三',
        age: 18,
        sex: '男',
    },
    {
        id: 1,
        name: '李四',
        age: 19,
        sex: '女',
    }
    ]
}
const res={
    page1
}

export default res

index.js代码

import Mock from 'mockjs'
import user from './test.js'
Mock.mock('/main.php','get',()=>{
    return user.page1
})

全局引入
在main.js中
require(’./mock/index);
import axios from ‘axios’
Vue.prototype.http=axios
开始请求

this.http.get('/main.php').then(res=>{
	console.log(res);
}).catch(err=>{
	console.log(err);
})