index.js 3.6 KB
import store from '../../store/index'
import axios from 'axios'
import router from '../../router'
import {Message, MessageBox} 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() {
    MessageBox.alert('报错了请联系管理员', '消息提示', {
        confirmButtonText: '确定',
        type: 'warning'
    })
}

// 请求拦截器
service.interceptors.request.use(
    config => {
        // 在请求发送之前做一些处理
        // const token = util.cookies.get('token')
        // 让每个请求携带token-- ['X-Token']为自定义key 请根据实际情况自行修改
        // config.headers['authkey'] = token
        return config
    },
    error => {
        // 发送失败
        Promise.reject(error)
    }
)

// 响应拦截器
service.interceptors.response.use(
    response => {
        // dataAxios 是 axios 返回数据中的 data
        const dataAxios = response.data
        const {code} = dataAxios
        // 根据 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) {
            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