Yi.Admin/Yi.Bbs.Vue3/src/config/axios/service.js

import axios from "axios";
import router from "@/router";
import {ElMessage} from "element-plus";
import {config} from "@/config/axios/config";
import {Session} from "@/utils/storage";
import useAuths from "@/hooks/useAuths";

const {VITE_APP_ENV_NAME} = import.meta.env;
const {getToken,getRefreshToken, removeToken, setToken, setRefreshToken} = useAuths();

const {base_url, request_timeout, pre_interface} = config;
export const PATH_URL = base_url[VITE_APP_ENV_NAME];

// 配置新建一个 axios 实例
const service = axios.create({
    baseURL: PATH_URL, // api 的 base_url
    timeout: request_timeout, // 请求超时时间
    headers: {"Content-Type": "application/json"},
    hideerror: false, //是否在底层显示错误信息
    isFinish: false,
});

// 添加请求拦截器
service.interceptors.request.use(
    (config) => {
        // 在发送请求之前做些什么 token
        const token = getToken();
        if (token) {
            config.headers["Authorization"] = `Bearer ${token}`;
        }
        const refreshToken = getRefreshToken();
        if (refreshToken) {
            config.headers["refresh_token"] = `${refreshToken}`;
        }
        
        if (Session.get("tenantId")) {
            config.headers["TenantId"] = Session.get("tenantId");
        }
        return config;
    },
    (error) => {
        // 对请求错误做些什么
        return Promise.reject(error);
    }
);

// 添加响应拦截器
service.interceptors.response.use(
    (response) => {
        const {config} = response;
        config.isFinish = true;
        //后端返回双token，替换
        if (response.headers["refresh_token"]) {
            setToken(response.headers["access_token"]);
            setRefreshToken(response.headers["refresh_token"]);
            // //然后修改config重新请求
            // config.headers["Authorization"] = `Bearer ${getToken()}`;
            // service.request(config);
        }
        
        return Promise.resolve(response);
    },
    (error) => {
        const {config} = error;
        // 对响应错误做点什么
        if (error.message.indexOf("timeout") !== -1) {
            ElMessage({
                type: "error",
                message: "网络超时",
            });
        } else if (error.message === "Network Error") {
            ElMessage({
                type: "error",
                message: "网络连接错误",
            });
        } else {

            //处理状态码和消息
            const res = error.response || {};
            const status = Number(res.status) || 200;
            const message = res?.data?.error?.message;
            
            if (status === 401) {
                ElMessageBox.confirm("该功能需要登陆后享有,是否立即登录?", "提示", {
                    confirmButtonText: "确认",
                    cancelButtonText: "取消",
                    type: "warning",
                }).then(() => {
                    removeToken();
                    router.push("/login");
                });
                return;
            }
            //处理非200
            if (status !== 200) {
                if (status >= 500) {
                    ElMessage({
                        type: "error",
                        message: "网络开小差了，请稍后再试",
                    });
                    return Promise.reject(new Error(message));
                }
                // 避开找不到后端接口的提醒
                if (status !== 404) {
                    ElMessage({
                        type: "error",
                        message,
                    });
                }
            }
        }
        config.isFinish = true;
        return Promise.reject(error.response);
    }
);

// 导出 axios 实例
export default service;