temporary-parking-frontend/src/api/request.js

import Vue from 'vue'
import uni from '@/utils/uniHooks';
import { getUTMSource } from '@/utils/utils';
import axios, { AxiosInstance, AxiosRequestConfig } from 'axios';
import { md } from '@/utils/common'
// import { Message } from 'element-ui';
// import { jumpLogin } from '@/utils';
// import { Loading } from 'element-ui';
// import { ElLoadingComponent } from 'element-ui/types/loading';
// import vm from "@/main";
import { Toast, Dialog, Switch } from 'vant';
// import vue from 'vue';
import store from '@/store';
import { backLbsHome, getsTheCurrentTopic, toLogin, isEmpty } from "@/utils";
import kipTheme from '@/kui/theme/theme'
// import { v4 as uuidv4 } from 'uuid';
// import { wxToLoginCallback } from '@/utils/index.js'
let loadingInstance = null;
let requestNum = 0;

const CONTENT_TYPE_ARRAY = {
  json: 'application/json',
  form: 'application/x-www-form-urlencoded',
};

function getHeaders(config = {}) {
  const { contentType = 'json' } = config;
  const ct = CONTENT_TYPE_ARRAY[contentType];
  let header = {
    // appId: uni.getStorageSync('appid'),
    // appId: 'wx92c3e55fbef6b2af',
    // 'Content-Type': ct,
  };
  const token = getToken();
  if (token && !token.code) {
    header['Authorization'] = token?.indexOf('Bearer') > -1 ? token : `Bearer ${token}`;
  }

  const groupId = uni.getStorageSync('groupId');
  const mallId = uni.getStorageSync('mallid');
  // if (groupId) {
  //   header['brandId'] = groupId;
  // }
  // if (mallId) {
  //   header['lbsId'] = mallId;
  // }
  const sourceObj = getUTMSource();
  return Object.assign(header, sourceObj);
}

function handleConfig(config = {}) {
  const header = getHeaders(config);
  const noToken = config.noToken;
  if (noToken) {
    delete header.Authorization;
  }
  return { header, ...config };
}

function getToken() {
  const token = uni.getStorageSync('kipAccessToken');
  // if (!token || token?.trim() == '' || token == 'null' || token == 'undefined') {
  if (!token || token == 'null' || token == 'undefined') {
    return false;
  }
  return token;
}

const addLoading = () => {
  // 增加loading 如果pending请求数量等于1，弹出loading, 防止重复弹出
  requestNum++;
  if (requestNum === 1) {
    // 展示加载中的状态
    loadingInstance = Toast.loading({
      message: '正在努力加载中....',
    });
  }
};

const cancelLoading = () => {
  // 取消loading 如果pending请求数量等于0，关闭loading
  requestNum--;
  if (requestNum === 0) loadingInstance?.clear();
};

function XUser(config) {
  let params = {
    userId: store.state?.kipUserId || '', // K+用户ID
    // userId: '2c9d85868652dee50186532bdbbb0001', // K+用户ID
    // sourceType: 'WECHAT',
    sourceType: Vue.prototype.isAlipayClient ? 'ALIPAY' : 'WECHAT',
    // phoneNumber: '18521563898',
    phoneNumber: store.state?.mobile || '', // 终端用户ID, 微信端传openId, 支付宝小程序传阿里userId, APP传KIP的userId
    // projectId: store.state.projectId || '4028e3817c2b3f79017c2b48c54c0000', // 楼盘id
    projectId: store.state.projectId || '', // 楼盘id
    brandId: store.state.groupId,
    // cid: '8aaa809d835ba76d018378bc57180006',
    cid: store.state?.openid || '', // 终端用户ID, 微信端传openId, 支付宝小程序传阿里userId, APP传KIP的userId
    // vipCode: 'KERRY100213505',
    vipCode: store.state?.member?.vipcode || '', // 终端用户ID, 微信端传openId, 支付宝小程序传阿里userId, APP传KIP的userId
    // vipCode: 'KERRY100213853', // 终端用户ID, 微信端传openId, 支付宝小程序传阿里userId, APP传KIP的userId
    // lbsId: '8aaa82ea804d07cd0180516ff03b0008',
    lbsId: store.state?.lbsId || '',
    // https://kerryprops.atlassian.net/browse/KIP-10831
    sourceId: store.state?.sourceId || '', // 微信：unionId; 支付宝：userId
    // isLogin: store.state?.member?.vipcode ? true : false
    isLogin: store.state?.isLogin === 'haveLoggedIn'
  };
  if (!params.isLogin) {
    delete params.vipCode
    delete params.userId
    delete params.phoneNumber
  }
  // 非登录接口，并且 sourceId、cid 为空，提示用户账户信息异常
  if (!params.isLogin && (isEmpty(params, 'sourceId') || isEmpty(params, 'cid'))  && config.url.indexOf('/parking-lots/') < -1) {
    throw {
      response: {
        data: {
          message: '当前参数异常，请重新登录',
          code: 'BAD_USER_INFO_2'
        }
      }
    };
  }
   if (params.isLogin && (!params.vipCode || !params.userId || params.userId == 'undefined') && config.url.indexOf('/parking-lots/') < -1 || !params.sourceId) {
    throw {
      response: {
        data: {
          code: 'BAD_USER_INFO'
        }
      }
    };
  }
  // 如果 token 存在， 但是没有 vipCode 或者 userId
  const kipAccessToken =uni.getStorageSync('kipAccessToken')
  if (kipAccessToken && (!params.vipCode || !params.userId || params.userId == 'undefined') && config.url.indexOf('/parking-lots/') < -1) {
    throw {
      response: {
        data: {
          message: '当前登录失效，请重新登录',
          code: 'BAD_USER_INFO_2'
        }
      }
    };
  }
  
  // params = {"userId": "8aaa809d835ba76d018378bc57180006","sourceType": "WECHAT","phoneNumber": "18521563898","projectId": "paroject1","buildingId": "QHKC-P1","brandId":"8a84853b7c91ac5b017c962dab55030e","cid": "oIUfO5XAVleJ88z13i1_08DCKIhQ","vipCode":"KERRY100200040","lbsId":"8aaa81cb7c836c6b017c83e46b110001"}
  if (/calculate-discount|unlicensed-car-check-in|unlicensed-car-checkout|paper-coupon/g.test(config.url)) {
    params.buildingId = window.localStorage.getItem('buildingId');
  }
  params = Object.assign(params, config['Parking-User'])
  const newParams = {}
  Object.keys(params).forEach(key => {
    const value = params[key]
    // 对特殊字段，不做过滤处理
    if (value || key === 'isLogin') {
      newParams[key] = value
    }
  })
  return JSON.stringify(newParams);
}
function getSign(config) {
  let params = {}
  if (config.method === 'get' && config?.params) {
    params = config.params
  }
  if (config.method === 'post' && config?.data) {
    params = config.data
  }
  const newHeader = md(params, true)
  return newHeader
}
export const createAxiosByinterceptors = (config) => {
  const instance = axios.create({
    timeout: 1000000, //超时配置
    baseURL: `${window.profileApi}/temporary-parking-service`,
    // baseURL: `https://dev-kip-service-internal.kerryonvip.com/temporary-parking-service`,
    withCredentials: false, //跨域携带cookie
    xhrFields: {
      withCredentials: false // 允许跨域携带cookie信息
    },
    ...config, // 自定义配置覆盖基本配置
  });
  // 添加请求拦截器
  instance.interceptors.request.use(
    function (config) {
      // 在发送请求之前做些什么
      const { loading = true } = config;
      if (loading) addLoading();
      // 设置 headers
      config.headers = {
        ...config.headers,
        ...handleConfig().header,
        // ...getSign(config),
        // 'x-conversation-id': uuidv4(),
        'Parking-User': XUser(config),
        'withCredentials': 'false'
      };
      // 检测无牌车出场参数, 必须为必填参数
      if(/unlicensed-car-checkout/g.test(config.url)) {
        const data = config.data
        if(!data.vehicleNo && !data.gateId || !config.data) {
          throw {
            response: {
              data: {
                message: '当前参数异常，请重新登录',
                code: 'BAD_USER_INFO_2'
              }
            }
          };
        }
      }
      return config;
    },
    function (error) {
      // 对请求错误做些什么
      return Promise.reject(error);
    }
  );

  // 添加响应拦截器
  instance.interceptors.response.use(
    function (response) {
      // 对响应数据做点什么
      // console.log('response:', response);
      const { loading = true } = response.config;
      if (loading) cancelLoading();
      const { code, data, message = '', langMessage = '' } = response.data;
      // console.log('success response', response);
      const codeList = ['010902', '300000', '500001', '500000']
      if (codeList.indexOf(code) > -1) {
        uni.showToast({ title: langMessage || message, duration: 3000, icon: 'fail' });
        // console.log('193193193193193193', '193');
        setTimeout(() => {
          switch (code) {
            case '300000':
              toLogin()
              break
            case '500001':
              toLogin()
              break
            case '500000':
              toLogin()
              break
          }
        }, 1500)
        console.log('206206206206206206206', '206');
      }
      // TODO: 临时注释
      // Promise.reject(response.data)
      return response.data;
    },
    function (error) {
      console.log('error', error);
      // 请求超时
      if (error?.code === 'ECONNABORTED') {
        let msg = '请求超时，请稍后重试'
        if(error?.config?.url.indexOf('parking-lots/lbs') > -1 || error?.config?.url.indexOf('/parking/unlicensed-car-checkout') > -1 || error?.config?.url.indexOf('/parking/check-out') > -1) {
          msg = '车场连接有问题，请联系服务台！'
        }
        Toast.clear()
        setTimeout(() => {
          Toast.loading({
            message: msg,
            duration: 0,
            icon: 'none'
          });
        }, 100)
        setTimeout(() => {
          Toast.clear()
        }, 3800)
        return Promise.reject(error.code);
      }
      // 断网
      if (error.code === 'ERR_NETWORK') {
        uni.showToast({ title: '网络连接失败，请重试', duration: 3000, icon: 'fail' });
        return Promise.reject(error.code);
      }
      // 对响应错误做点什么
      console.log('error-response:', error.response);
      console.log('error-config:', error.config);
      console.log('error-request:', error.request);
      const { loading = true } = error.config || {};
      if (loading) cancelLoading();
      if (error.response) {
        if (error.response.status === 401) {
          // 跳转到登陆
          // jumpLogin();
        }
      }
      // 错误信息提示
      const { code, langMessage = '', message = '', status } = error.response.data;
      const codeList = ['INTERNAL_SERVER_ERROR', 'VALIDATION_FAILED', 'CAR_HAS_PLATE', "NOT_FOUND", "LOCAL_PARK_ERROR", "LOCK_OCCUPIED", "REMOTE_CALL_FAIL", 'PLEASE_SCAN_QRCODE', 'SUBIN_CAR_IN_DEVICE_EXCEPTION', 'COUPON_UNAVAILABLE', 'COUPON_SELECTION_FAILED', 'NEED_REFRESHING_PARKING_FEE', 'LOCK_OCCUPIED']; // 默认处理的错误code
      if (codeList.indexOf(code) > -1) {
        uni.showToast({ title: langMessage || message, duration: 3000, icon: 'fail' });
      }
      // 如果必填参数校验失败的话
      if (['BAD_USER_INFO'].indexOf(code) > -1) {
        backLbsHome()
      }
       // 如果必填参数校验失败的话
      if (['BAD_USER_INFO_2'].indexOf(code) > -1) {
        uni.showToast({ title: langMessage || message, duration: 3000, icon: 'fail' });
        setTimeout(() => {
          toLogin()
        }, 1500)
      }
      if (status === 500) {
        uni.showToast({ title: error.response.data.error, duration: 3000, icon: 'fail' });
      }
      // Message.error(error?.response?.data?.message || '服务端异常');
      return Promise.reject(error.response.data);
    }
  );
  return instance;
};