index.js 4.31 KB
import store from '../../store/index'
import axios from 'axios'
import router from '../../router'
import {Message, MessageBox} from 'element-ui'
// import { Loading } from 'element-ui';
import {httpStatus} from '@/api/config'

// 创建一个 axios 实例
let BASE_URL = "/api";
const CONTENT_TYPE = "application/json";
const service = axios.create({
    baseURL: BASE_URL,
    headers: {
        "content-type": CONTENT_TYPE,
    },
    timeout: 5000 // 请求超时时间
})

function errorLog() {
    //请求完成关闭loading
    // this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
    //   loadingInstance.close();
    // });
    MessageBox.alert('报错了请联系管理员', '消息提示', {
        confirmButtonText: '确定',
        type: 'warning'
    })
}
//定义loading
// let loadingInstance = null

// 请求拦截器
service.interceptors.request.use(
    config => {
        // 在请求发送之前做一些处理
        // const token = util.cookies.get('token')
        // 让每个请求携带token-- ['X-Token']为自定义key 请根据实际情况自行修改
        // config.headers['authkey'] = token
        //请求发送成功显示loading
        // loadingInstance = Loading.service({
        //     lock: true,
        //     text: 'Loading',
        //     spinner: 'el-icon-loading',
        //     background: 'rgba(0, 0, 0, 0.5)'
        //   });
        return config
    },
    error => {
        // 发送失败
        Promise.reject(error)
    }
)

// 响应拦截器
service.interceptors.response.use(
    response => {
        // dataAxios 是 axios 返回数据中的 data
        const dataAxios = response.data
        const {code} = dataAxios
        //请求完成关闭loading
        // this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
        // loadingInstance.close();
        // });
        // 根据 code 进行判断
        if (code === undefined) {
            // 如果没有 code 代表这不是项目后端开发的接口 比如可能是 D2Admin 请求最新版本
            return dataAxios
        } else {
            // 有 code 代表这是一个后端接口 可以进行进一步的判断
            switch (code) {
                // code === 200 代表没有错误
                case httpStatus.OK.code:
                    return dataAxios
                // code === 11001
                case httpStatus.LOGIN_FAILURE.code:
                    router.replace({
                        path: '/login',
                        query: {redirect: router.currentRoute.fullPath}
                    })
                    util.cookies.remove('token')
                    Message({
                        message: '登录超时,请重新登录',
                        type: 'error'
                    });
                    break
                default:
                    return dataAxios;
            }
        }
    },
    error => {
        if (error && error.response) {
            // loadingInstance.close();
            switch (error.response.status) {
                case 400:
                    error.message = '请求错误';
                    break
                case 401:
                    error.message = '未授权,请登录';
                    break
                case 403:
                    error.message = '拒绝访问';
                    break
                case 404:
                    error.message = `请求地址出错: ${error.response.config.url}`;
                    break
                case 408:
                    error.message = '请求超时';
                    break
                case 500:
                    errorLog()
                case 501:
                    error.message = '服务未实现';
                    break
                case 502:
                    error.message = '网关错误';
                    break
                case 503:
                    error.message = '服务不可用';
                    break
                case 504:
                    error.message = '网关超时';
                    break
                case 505:
                    error.message = 'HTTP版本不受支持';
                    break
                default:
                    break
            }
        }
        return Promise.reject(error)
    }
)

export default service