request.js 3.72 KB
import axios from 'axios'
import { MessageBox, Message } from 'element-ui'
import store from '@/store'
import Cookies from 'js-cookie';
const CONTENT_TYPE = "application/json";
// create an axios instance
const service = axios.create({
    baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
    // withCredentials: true, // send cookies when cross-domain requests
    headers: {
        "content-type": CONTENT_TYPE,
        'Authorization':'bearer AT-16-oqkOHiUSsDdFA-eAZ49k2rJQDTzQpClO'
    },
    timeout: 50000 // request timeout
})

// request interceptor
service.interceptors.request.use(
    config => {
        config.headers['token'] = Cookies.get('token')
        return config
    },
    error => {
        console.log(error) // for debug
        return Promise.reject(error)
    }
)

// response interceptor
service.interceptors.response.use(
    response => {
        const res = response.data
        const { code } = res
        if (code === undefined) {
            return res
        }
        // if the custom code is not 20000, it is judged as an error.
        if (code !== 200) {
            if (code === 600) {
                Message({
                    message: res.message || 'Error',
                    type: 'error',
                    duration: 5 * 1000
                })
            } else if (code === 402) {
                MessageBox.confirm('登录已失效,可以取消继续留在该页面,或者重新登录', '确定登出', {
                    confirmButtonText: '重新登录',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    store.dispatch('user/resetToken').then(() => {
                        location.reload()// 为了重新实例化vue-router对象 避免bug
                    })
                })
            } else if (code === 401) {
                store.dispatch('user/resetToken').then(() => {
                    location.reload()// 为了重新实例化vue-router对象 避免bug
                })
            } else if (code === 403) {
                if (res.message == 'Bad credentials') {
                    Message({
                        message: '账号、密码输入有误',
                        type: 'error',
                        duration: 5 * 1000
                    })
                } else {
                    Message({
                        message: res.message,
                        type: 'error',
                        duration: 5 * 1000
                    })
                }

            }
            else {
                Message({
                    message: '服务器异常,请联系管理员',
                    type: 'error',
                    duration: 5 * 1000
                })
            }
            // 401:未登录;
            return Promise.reject('error')
        } else {
            return res
        }

    },
    error => {
        let str = '600'; //新增了token 返回状态码为600
        if (error.toString().indexOf(str) !== -1) {
            MessageBox.confirm('登录已失效,可以取消继续留在该页面,或者重新登录', '确定登出', {
                confirmButtonText: '重新登录',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                store.dispatch('user/resetToken').then(() => {
                    location.reload()// 为了重新实例化vue-router对象 避免bug
                })
            })
        } else {
            Message({
                message: '服务器异常,请联系管理员',
                type: 'error',
                duration: 5 * 1000
            })
        }
        return Promise.reject(error)
    }
)
export default service