npm install axios

// main.js
import http from 'axios';
Vue.prototype.$http = http;

<script>
// ...
mounted(){
    // 發(fā)送請(qǐng)求
    this.$http.get('./user/ID=123').then(function(success){
        //成功請(qǐng)求區(qū)間
        console.dir(success)
    }).catch(function(error){
        //失敗返回區(qū)間
        console.dir(error)
    })
}
// ...
</script>

// api/axios.js
import axios from 'axios'
import config from '../config'
const baseUrl =  process.env.NODE_ENV == 'development' ? config.baseUrl.dev : config.baseUrl.pro
class HttpRequest {
    constructor(baseUrl){
        this.baseUrl = baseUrl
    }
    getInsideConfig(){
        const config = {
            baseUrl:this.baseUrl,
            header:{}
        }
        return config
    }
// 攔截器這部分，官網(wǎng)copy過來的，注意這部分的攔截器與mock攔截器是兩回事！??！
    interceptors(instance){
        // 添加請(qǐng)求攔截器
        instance.interceptors.request.use(function (config) {
            // 在發(fā)送請(qǐng)求之前做些什么
            // console.dir(config)
            return config;
        }, function (error) {
            // 對(duì)請(qǐng)求錯(cuò)誤做些什么
            return Promise.reject(error);
        });
        // 添加響應(yīng)攔截器
        instance.interceptors.response.use(function (response) {
            // 對(duì)響應(yīng)數(shù)據(jù)做點(diǎn)什么
            return response;
        }, function (error) {
            // 對(duì)響應(yīng)錯(cuò)誤做點(diǎn)什么
            console.dir(error,'error')
            return Promise.reject(error);
        });
    }
	// 請(qǐng)求方法
    request(options){
        const instance = axios.create()
        options = {...this.getInsideConfig, ...options}
        this.interceptors(instance)
        return instance(options)
    }
}
export default new HttpRequest(baseUrl)

// data.js
import axios from './axios'
export const getMenu = (param)=>{
    return axios.request({
        url:'/permission/getMenu',
        method:'post',
        data:param
    })
}
export const test = (param)=>{
    return axios.request({
        // 修改域名
        baseUrl:'https://me.kervi.cn',
        url:'/',
        method:'get',
        data:param
    })
}

npm i mockjs

import Mock from 'mockjs'
import homeApi from './mockservice/home'
// Mock.mock('攔截地址',設(shè)置返回?cái)?shù)據(jù)的回調(diào)函數(shù)),攔截 home/getData
Mock.mock('/home/getData', homeApi.getStaticData)

// 簡單模擬一下方法，如果需要文件，請(qǐng)幫我點(diǎn)個(gè)贊，私聊
export default {
     getStatisticalData: () => {
         return {code:200,data:{list:[1,2,3,4,5]}
     }
}

// main.js 中引入
import '../api/mock.js'