前端mock.js模拟数据请求

安装mock.js

npm install mockjs --save-dev

创建mock目录

在json文件夹中写入自己需要的json，定义好json数据格式（也可通过mock生成）

mock/index中配置路径接口

const Mock = require('mockjs');
//配置延迟
Mock.setup({
    timeout: "100-500"
});

const url = {
    //登陆接口url，尽量和项目中定义api地方保持一致
    userInfo: "/user/userInfo"
};
//格式： Mock.mock( url, post/get , 返回的数据)；  下面的userInfo是指mock目录下的json目录下的userInfo.json文件
Mock.mock(url.userInfo, 'post', require('./json/userInfo'));

main.js中进行声明

注意：如果不需要使用mock，则只需要将这行代码注释掉。
上面操作中，尽量使用与接口名称相同的原因也在于此，注释后无需修改真实接口调用名称。

// 引入mock数据 不需要可以注释掉
require('./mock')

实际使用

promiseFunc: (url) => {
// 返回一个promise对象
    return new Promise((resolve, reject) => {
      axios({
            url: url
            method: 'post',
            data: {
            }
          })
            .then((res) => {
              //此处为请求成功数据
              resolve(res.data);
            })
            .catch(error => {
              //此处为请求失败数据
              reject(error);
            });
    });
  }

this.promiseFunc('/user/userInfo').then((res) => {
    //打印出mock/json/userInfo内的数据
    console.log(res.data);
})