import axios, {AxiosError, AxiosInstance, AxiosRequestConfig} from "axios"
import {getToken, removeToken} from "@/utils/checkLogin"
import {Message} from "@arco-design/web-react"

export default class CustomAxiosInstance {
    instance: AxiosInstance

    constructor(axiosConfig: AxiosRequestConfig) {
        this.instance = axios.create(axiosConfig)
        this.setInterceptor()
    }

    setInterceptor() {
        // 请求拦截器
        this.instance.interceptors.request.use(
            async config => {
                const handleConfig = {...config}
                // 设置token
                const token = getToken()

                handleConfig.headers.Authorization = `Bearer ${token}`

                return handleConfig
            },
            (axiosError: AxiosError | any) => {
                return {
                    data: {
                        status: 1,
                        msg: axiosError.response?.data?.message || axiosError.message
                    }
                }
            }
        )
        // 响应拦截器
        this.instance.interceptors.response.use(
            async response => {
                const {status} = response
                if (status === 200 || status < 300 || status === 304) {
                    const backend = response.data
                    // 请求成功
                    if (backend.status === 0) {
                        if (backend?.msg && backend?.doNotDisplayToast == 0) {
                            Message.success(backend.msg)
                        }

                        return backend
                    }else{
                        if (backend?.msg && backend?.doNotDisplayToast == 0) {
                            Message.error(backend.msg)
                        }
                    }

                    // token失效
                    if (backend?.code == 401 && window.location.hash != "#/login") {
                        removeToken()

                        window.location.hash = "#/login"
                    }

                    return response
                }

                return response
            },
            (axiosError: AxiosError | any) => {
                return {
                    data: {
                        status: 1,
                        msg: axiosError.response?.data?.message || axiosError.message
                    }
                }
            }
        )
    }
}