import axios from 'axios';
import {
    Message
} from 'element-ui';
import store from '@/store';
import {
    getToken
} from '@/utils/auth';

// 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
    timeout: 10000 // request timeout
});

// request interceptor
service.interceptors.request.use(
    config => {
        // do something before request is sent
        if (process.env.NODE_ENV === 'development' && config.url.indexOf('dev-gen') > 0) {
            // config.headers['SERVER-IP'] = '192.168.1.237';
        }

        if (store.getters.token) {
            config.headers['Authorization'] = getToken();
        }

        // hook 如果请求错误不需要提示错误传入autoErrorMsg
        // eg： request({
        //         url: `${PREFIX}securityImg`,
        //         method: 'get',
        //         params,
        //         autoErrorMsg: false
        //     });
        if (config.autoErrorMsg === false) {
            service.defaults.autoErrorMsg = false;
        }

        return config;
    },
    error => {
        // do something with request error
        console.log(error); // for debug
        return Promise.reject(error);
    }
);

// response interceptor
service.interceptors.response.use(
    /**
     * If you want to get http information such as headers or status
     * Please return  response => response
     */

    /**
     * Determine the request status by custom code
     * Here is just an example
     * You can also judge the status by HTTP Status Code
     */
    response => {
        const res = response.data;

        if (res.success) {
            return res;
        }

        // TODO  状态码需要约定by xingqingqing if the custom generator is not 20000, it is judged as an error.

        if (res.msg) {
            Message({
                message: res.msg || '操作失败',
                type: 'error',
                duration: 5 * 1000
            });
        }
        if (res.data) {
            return Promise.reject(res);
        }
        return Promise.reject(new Error(res.msg || 'Error'));
    },
    error => {
        if (error.response.status === 401) {
            store.dispatch('user/resetToken').then(() => {
                location.reload();
            });
            return;
        }
        // 增加autoErrorMsg config，如果不用默认处理错误，则可设置autoErrorMsg === false
        if (error.response.config.autoErrorMsg === false) {
            return Promise.reject(error);
        }
        // 防止错误弹框太多 TODO
        if (service.errorMessage) {
            return Promise.reject(error);
        }
        service.errorMessage = Message({
            message: error.msg || '请求失败',
            type: 'error',
            duration: 5 * 1000,
            onClose: () => {
                if (service.errorMessage) {
                    service.errorMessage = null;
                }
            }
        });
        return Promise.reject(error);
    }
);

export default service;