mock假数据

一、安装mockjs

npm i mockjs --save

二、修改根路径

将封装的axios的根路径修改为'/mock'即可。

三、创建mock数据

在src目录下创建mock文件夹，创建index.js

import Mock from 'mocks';
import user from './user.json';    // 制造的假数据user
import list from './list.json';    // 制造的假数据list
// 第一个参数定义接口，第二个参数定义返回值
Mock.mock('/mock/user',{code:200,data:user});
Mock.mock('/mock/list',{code:200,data:list});

四、在main.js引入

import Vue from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';

import '@/mock/index.js'    // 引入

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

五、使用

和正常调用api的写法是一致的，

get('/list').then(res => {}).catch(err => {})