npm install mockjs --save-dev

[
    {
        "date": '2016-05-02',
        "name": '王小虎',
        "address": '上海市普陀區(qū)金沙江路 1518 弄'
    },
    {
        "date": '2016-05-02',
        "name": '王小虎',
        "address": '上海市普陀區(qū)金沙江路 1518 弄'
    },
    {
        "date": '2016-05-02',
        "name": '王小虎',
        "address": '上海市普陀區(qū)金沙江路 1518 弄'
    },
    {
        "date": '2016-05-02',
        "name": '王小虎',
        "address": '上海市普陀區(qū)金沙江路 1518 弄'
    },
]

// 先引入mockjs模塊
import Mock from 'mockjs';
// 引入你編寫json所在文件的路徑
import list from './list.json';
 
// 模擬數(shù)據(jù)返回
Mock.mock("/mock/list", {
    code: 200,
    data: list
});

import '@/mock/mockServe'

// 對于axios進行二次封裝
import axios from 'axios';
 
// 1.利用axios對象的方法create，去創(chuàng)建一個axios實例
// 2.request就是axios，只不過稍微配置一下
const request = axios.create({
    // 配置對象
    // 基礎路徑：發(fā)請求的時候，路徑中會出現(xiàn)mock
    baseURL:"/mock",
    // 代表請求超時的時間
    timeout:5000
})
 
//請求攔截器----在項目中發(fā)請求（請求沒有發(fā)出去）可以做一些事情
request.interceptors.request.use((config) => {
    return config;
  });
  
  //響應攔截器----當服務器手動請求之后，做出響應（相應成功）會執(zhí)行的
  request.interceptors.response.use((res) => {
      //相應成功做的事情
      return res.data;
    },
    (err) => {
      alert("服務器響應數(shù)據(jù)失敗");
    }
  );
// 對外暴露
export default request;

import mockRequest from './mockAjax'
 
export const reqGetList = () => mockRequest({url:'/list',methods:'get'})

import {reqGetList} from '@/api/index.js
 
mouted(){
    reqGetList().then(res=>{
        console.log(res)
    })
}

// 任意組件可以使用API相關的接口
import * as API from '@/api'
Vue.prototype.api = API;

this.api.reqGetList().then(res=>{
	this.dataList = res.data;
})