Yi.Vue3.x.Vant/src/utils/myaxios.ts

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

import axios from 'axios'
// import store from '../store/index'
// import vm from '../main'
import JsonBig from 'json-bigint'
import { getToken } from '@/utils/auth'
import { useRouter } from "vue-router";
import useUserStore from '@/store/modules/user'
import { Notify } from 'vant';
// import VuetifyDialogPlugin from 'vuetify-dialog/nuxt/index';
export let isRelogin = { show: false };
const myaxios = axios.create({
        // baseURL:'/'// 
        baseURL: import.meta.env.VITE_APP_BASE_API, // /dev-apis
        timeout: 50000,
        headers: {
            'Authorization': 'Bearer ' + ""
        },
        //雪花id精度问题
        transformResponse: [ data => {
            const json = JsonBig({
              storeAsString: true
            })
            return json.parse(data)
          }],
    })
    // 请求拦截器
myaxios.interceptors.request.use(function(config:any) {
    const isToken = (config.headers || {}).isToken === false
    // 是否需要防止数据重复提交
    const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
    if (getToken() && !isToken) {
        config.headers['Authorization'] = 'Bearer ' + getToken()
      }
    // store.dispatch("openLoad");
    return config;
}, function(error) {
    return Promise.reject(error);
});

// 响应拦截器
myaxios.interceptors.response.use(async function(response) {
//成功
    const resp = response.data
  if(resp.code==401)
  {
    Notify({ type: 'warning', message: '登录过期' });
    //登出
    useUserStore().logOut().then(() => {
        location.href = '/';
      })
      isRelogin.show = false;
  }
    // store.dispatch("closeLoad");
    return resp;
}, async function(error) {
//未授权、失败
const resp = error.response.data
if (resp.code == undefined && resp.message == undefined) {
    Notify({ type: 'danger', message: '未知错误' });