lanju-app/src/utils/location.ts

import Request from 'luch-request';
import store from '@/store';
import { AxiosInstance } from 'axios';
import { session } from '@/store/modules/session';
import vm from '@/main';

/**
 * 标识调试状态
 */
const debug = process.env.NODE_ENV !== 'production';

const httpjson = new Request({
  baseURL: process.env.VUE_APP_BASE_URL,
});

/**
 * 标识加载中状态
 */
let loading: any;

httpjson.interceptors.request.use(
  (config: any) => {
    // 所有请求默认提示加载中
    if (!loading) {
      uni.showLoading({ title: vm.$t('message.Loading') as string });
    } else {
      clearTimeout(loading);
    }
    // 在请求发送之前做一些处理
    try {
      const token = ''; // store.state.session.accessToken;
      if (token) {
        // 让每个请求携带token
        config.header['content-type'] = 'application/json';
      }
    } catch (e) {
      // error
    }
    if (typeof config.data === 'string' && config.data.constructor === String) {
      config.header['content-type'] = 'application/json';
    }
    if (session.lang) {
      config.url = config.url + '?lang=' + (session.lang == 'en' ? 'en_US' : 'zh_CN');
    }
    return config;
  },
  (error: Error) => {
    // 发送失败
    console.log(error);
    Promise.reject(error);
  },
);

httpjson.interceptors.response.use(
  (response: any) => {
    // 延时关闭加载中提示
    loading = setTimeout(() => {
      loading = undefined;
      uni.hideLoading();
    }, 500);
    debug && console.log(response);
    // dataAxios 是 axios 返回数据中的 data
    const dataAxios = response.data;
    // 测试服务接口直接返回结果
    if (response.config.url === '/wmspda/system/test') {
      return dataAxios;
    }
    // 这个状态码是和后端约定的
    const { code, status } = dataAxios;
    // 根据 code 进行判断
    if (code === undefined && status === undefined) {
      // 如果没有 code 代表这不是项目后端开发的接口 比如可能是 D2Admin 请求最新版本
      return dataAxios;
    } else if (code !== undefined) {
      // 有 code 代表这是一个后端接口 可以进行进一步的判断
      switch (code) {
        case '1':
          // code === '1' 代表没有错误
          return dataAxios;
        case 401:
          // [ 示例 ] 其它和后台约定的 code
          store.dispatch('session/logout');
          uni.setStorageSync('showLoginTips', true);
          uni.switchTab({ url: '/pages/personal/index' });
          errorCreate(dataAxios.message, response.config.custom.hideError);
          break;
        default:
          // 不是正确的 code
          errorCreate(dataAxios.msg, response.config.custom.hideError);
          break;
      }
    } else if (status !== undefined) {
      // 有 status 代表这是一个后端接口 可以进行进一步的判断
      switch (status) {
        case 'S':
          // code === 'S' or '1' 代表没有错误
          return dataAxios;
        default:
          // 不是正确的 code
          errorCreate(dataAxios.msg, response.config.custom.hideError);
          break;
      }
    }
  },
  (error: any) => {
    // 延时关闭加载中提示
    loading = setTimeout(() => {
      loading = undefined;
      uni.hideLoading();
    }, 500);
    if (error?.data?.message) {
      error.message = error.data.message;
    } else if (error) {
      switch (error.statusCode) {
        /* eslint-disable */
        case 400: error.message = vm.$t('message.request_Tip1') as string; break
        case 401: error.message = vm.$t('message.request_Tip2') as string; break
        case 403: error.message = vm.$t('message.request_Tip3') as string; break
        case 404: error.message = vm.$t('message.request_Tip4') as string + error.config.url; break
        case 408: error.message = vm.$t('message.request_Tip5') as string; break
        case 500: error.message = vm.$t('message.request_Tip6') as string; break
        case 501: error.message = vm.$t('message.request_Tip7') as string; break
        case 502: error.message = vm.$t('message.request_Tip8') as string; break
        case 503: error.message = vm.$t('message.request_Tip9') as string; break
        case 504: error.message = vm.$t('message.request_Tip10') as string; break
        case 505: error.message = vm.$t('message.request_Tip11') as string; break
        default: break
        /* eslint-enable */
      }
    }
    errorLog(error, error?.config?.custom?.hideError);
    return Promise.reject(error);
  },
);

// 创建一个错误
function errorCreate(msg: string, hideError: boolean) {
  const error = new Error(msg);
  errorLog(error, hideError);
  throw error;
}

// 记录和显示错误
function errorLog(error: Error, hideError: boolean) {
  // 打印到控制台
  if (process.env.NODE_ENV === 'development') {
    console.error('>>>>>> Error >>>>>>');
    console.error(error);
  }
  // 显示提示
  hideError ||
    uni.showToast({
      icon: 'none',
      title: error.message,
    });
}

export default httpjson as AxiosInstance;