添加设备分组页面以及功能

master

2022-03-08 f9c926251d45fb4930317c545d2d77b5f1a338a9

 src/service/request.ts

@@ -10,7 +10,7 @@
axios.defaults.withCredentials = true;

NProgress.configure({
   showSpinner: false
  showSpinner: false
});

// 请求队列
@@ -21,137 +21,138 @@

// 忽略规则
const ignore = {
   NProgress: ["/sys/info/record"],
   token: ["/login", "/captcha"]
  NProgress: ["/sys/info/record"],
  token: ["/login", "/captcha"]
};

// Request
axios.interceptors.request.use(
   (config: any) => {
      const token = store.getters.token || "";
  (config: any) => {
    const token = store.getters.token || "";

      if (config.url) {
         if (!ignore.token.some((e) => config.url.includes(e))) {
            config.headers["Authorization"] = token;
         }
    if (config.url) {
      if (!ignore.token.some((e) => config.url.includes(e))) {
        config.headers["Authorization"] = token;
      }

         if (!ignore.NProgress.some((e) => config.url.includes(e))) {
            NProgress.start();
         }
      }
      if (!ignore.NProgress.some((e) => config.url.includes(e))) {
        NProgress.start();
      }
    }

      // 请求信息
      if (isDev) {
         console.group(config.url);
         console.log("method:", config.method);
         console.table("data:", config.method == "get" ? config.params : config.data);
         console.groupEnd();
      }
    // 请求信息
    if (isDev) {
      console.log("config:", config);
      console.group(config.url);
      console.log("method:", config.method);
      console.table("data:", config.method == "get" ? config.params : config.data);
      console.groupEnd();
    }

      // 验证 token
      if (token) {
         if (config.url.includes("refreshToken")) {
            return config;
         }
    // 验证 token
    if (token) {
      if (config.url.includes("refreshToken")) {
        return config;
      }

         // 判断 token 是否过期
         if (storage.isExpired("token")) {
            // 判断 refreshToken 是否过期
            if (storage.isExpired("refreshToken")) {
               store.dispatch("userRemove");
               return href("/login");
            }
      // 判断 token 是否过期
      if (storage.isExpired("token")) {
        // 判断 refreshToken 是否过期
        if (storage.isExpired("refreshToken")) {
          store.dispatch("userRemove");
          return href("/login");
        }

            // 是否在刷新中
            if (!isRefreshing) {
               isRefreshing = true;
        // 是否在刷新中
        if (!isRefreshing) {
          isRefreshing = true;

               store.dispatch("refreshToken").then((token: string) => {
                  requests.forEach((cb) => cb(token));
                  requests = [];
                  isRefreshing = false;
               });
            }
          store.dispatch("refreshToken").then((token: string) => {
            requests.forEach((cb) => cb(token));
            requests = [];
            isRefreshing = false;
          });
        }

            return new Promise((resolve) => {
               // 继续请求
               requests.push((token: string) => {
                  // 重新设置 token
                  config.headers["Authorization"] = token;
                  resolve(config);
               });
            });
         }
      }
        return new Promise((resolve) => {
          // 继续请求
          requests.push((token: string) => {
            // 重新设置 token
            config.headers["Authorization"] = token;
            resolve(config);
          });
        });
      }
    }

      return config;
   },
   (error) => {
      return Promise.reject(error);
   }
    return config;
  },
  (error) => {
    return Promise.reject(error);
  }
);

// Response
axios.interceptors.response.use(
   (res) => {
      NProgress.done();
      const { code, data, message } = res.data;
  (res) => {
    NProgress.done();
    const { code, data, message } = res.data;

      if (!res.data) {
         return res;
      }
    if (!res.data) {
      return res;
    }

      switch (code) {
         case 1000:
            return data;
         default:
            return Promise.reject(message);
      }
   },
   async (error) => {
      NProgress.done();
    switch (code) {
      case 1000:
        return data;
      default:
        return Promise.reject(message);
    }
  },
  async (error) => {
    NProgress.done();

      if (error.response) {
         const { status, config } = error.response;
    if (error.response) {
      const { status, config } = error.response;

         switch (status) {
            case 401:
               await store.dispatch("userRemove");
               href("/login");
               break;
      switch (status) {
        case 401:
          await store.dispatch("userRemove");
          href("/login");
          break;

            case 403:
               if (isDev) {
                  ElMessage.error(`${config.url} 无权限访问！！`);
               } else {
                  href("/403");
               }
               break;
        case 403:
          if (isDev) {
            ElMessage.error(`${config.url} 无权限访问！！`);
          } else {
            href("/403");
          }
          break;

            case 404:
               break;
        case 404:
          break;

            case 500:
               if (!isDev) {
                  href("/500");
               }
               break;
        case 500:
          if (!isDev) {
            href("/500");
          }
          break;

            case 502:
               if (isDev) {
                  ElMessage.error(`${config.url} 服务异常！！`);
               } else {
                  href("/502");
               }
               break;
        case 502:
          if (isDev) {
            ElMessage.error(`${config.url} 服务异常！！`);
          } else {
            href("/502");
          }
          break;

            default:
               console.error(status, config.url);
         }
      }
        default:
          console.error(status, config.url);
      }
    }

      return Promise.reject(error.message);
   }
    return Promise.reject(error.message);
  }
);

export default axios;