vue mock数据

1 npm i mockjs -D
2 在src目录下新建mock目录

  --src
    --mock
      index.js
      --json
        userInfo.json

3 index.js内容如下：

const Mock = require('mockjs');
//格式： Mock.mock( url, post/get , 返回的数据)；
Mock.mock('/user/userInfo', 'get', require('./json/userInfo'));

4 json文件内容如下，以userInfo.json为例：

{
  "result": "success",
  "data": {
    "userSn": "95664",
    "username": "大叔",
    "age": 28,
    "imgUrl": "http://www.xxxx.com/xxx.jsp"
  },
  "msg": ""
}

5 在main.js入口文件中引入mock数据，不需要时，则注释掉。

require('./mock'); //引入mock数据，关闭则注释该行

6 在vue模板访问

axios.get('/user/userInfo')
.then(function(res){
  console.log(res);
})
.catch(function(err){
  console.log(err);
});