在vue.js中模拟使用mock.js

在vue.js中模拟使用mock.js
1.下载并安装mock.js依赖包。
2.在vue项目中src目录下建立mock文件夹，在src 下建立index.js
index.js的内容为 ：
const Mock = require(' mockjs ');
例如接口：Mock.mock(' /user/info ', ' get ', require(' ./json/userinfo '));
在mock文件夹下建立json文件夹，json文件夹下建立userinfo.json.这里是我们要请求模拟的假数据。
{
"result": "success",
"data": {
"username": "“yangmegnru”",
"height": "160",
"weight": "90"
},
"msg": "0"
}

在main.js中引用mock数据，不需要时候，则注释掉。
import mock from './mock/index.js'
在vue页面中，import axios from 'axios;
axios.get('/user/userinfo').then(function(res) {
console.log(res)
}).catch(function (err) {
console.log(err)
})
这样就可以打印到请求的模拟数据了