Vent-App/common/service/service.js

import Request from "@/common/luch-request/index.js";
import { ACCESS_TOKEN } from "@/common/util/constants.js";
import configService from "./config.service.js";
import tip from "@/common/util/tip.js";
import store from "@/store/index.js";

const getTokenStorage = () => {
  let token = "";
  try {
    token = uni.getStorageSync(ACCESS_TOKEN);
  } catch (e) {
    //TODO handle the exception
    console.log("getTokenStorage", token);
  }
  return token;
};

const http = new Request();
// 记录上次因登录失效跳登录页的时间，用于防止连续跳转
let lastReloginAt = 0;
http.setConfig((config) => {
  /* 设置全局配置 */
  config.baseUrl = configService.apiUrl; /* 根域名不同 */
  config.header = {
    ...config.header,
  };
  return config;
});

/**
 * 自定义验证器，如果返回true 则进入响应拦截器的响应成功函数(resolve)，否则进入响应拦截器的响应错误函数(reject)
 * @param { Number } statusCode - 请求响应体statusCode（只读）
 * @return { Boolean } 如果为true,则 resolve, 否则 reject
 */
// 有默认，非必写
http.validateStatus = (statusCode) => {
  return statusCode === 200;
};

http.interceptor.request((config, cancel) => {
  /* 请求之前拦截器 */
  console.log(config, "config---");
  config.baseUrl = configService.apiUrl || uni.getStorageSync("apiUrl") || "";
  config.header = {
    ...config.header,
    "X-Access-Token": getTokenStorage(),
  };

  /*
  if (!token) { // 如果token不存在，调用cancel 会取消本次请求，但是该函数的catch() 仍会执行
    cancel('token 不存在') // 接收一个参数，会传给catch((err) => {}) err.errMsg === 'token 不存在'
  }
  */
  return config;
});

// 必须使用异步函数，注意
var that = this;
http.interceptor.response(
  async (response) => {
    /* 请求之后拦截器 */
    // if (response.data.code !== 200) { // 服务端返回的状态码不等于200，则reject()
    //   return Promise.reject(response)
    // }
    return response;
  },
  (response) => {
    // 请求错误做点什么
    console.log("请求错误做点什么", response);
    if (response) {
      let data = response.data;
      const token = uni.getStorageSync(ACCESS_TOKEN);
      console.log("------异常响应------", token);
      console.log("------异常响应------", data.code);
      switch (data.code) {
        case 403:
          tip.error("拒绝访问");
          break;
        case 500:
          // 仅在服务端明确提示 Token 失效时才清理登录态；
          // 服务端偶发 500（如冷启动时网关未就绪）不应清掉本地登录信息，
          // 否则重新打开应用会莫名要求重新登录
          if (data.message == "Token失效，请重新登录") {
            tip.alert("登录已过期");
            store.dispatch("Logout").then(() => {
              uni.reLaunch({ url: "/pages/login/login" });
            });
          }
          break;
        case 404:
          break;
        case 504:
          break;
        case 401:
          {
            console.log("------异常响应-401-----", 401);
            const pages = getCurrentPages() || [];
            const currentPage = pages[pages.length - 1];
            const currentRoute = currentPage ? currentPage.route : "";
            // 已经在登录页，不再重复跳转
            if (currentRoute === "pages/login/login") {
              return;
            }
            // 多个请求同时 401 时只跳一次，避免连续跳转被拦截
            const now = Date.now();
            if (lastReloginAt && now - lastReloginAt < 3000) {
              return;
            }
            lastReloginAt = now;
            // 登录失效：清空页面栈进入登录页，否则登录页侧滑会回到系统内部页面
            uni.reLaunch({
              url: "/pages/login/login",
            });
            return;
          }
          if (token) {
            /* store.dispatch('Logout').then(() => {
             setTimeout(() => {
               window.location.reload()
             }, 1500)
           }) */
          }
          break;
        default:
          tip.error({
            duration: 0,
            forbidClick: true,
            message: data.message,
          });
          break;
      }
    }
    return response;
  },
);

export { http };