优化 动画页请求出错不再继续向下请求；优化 后端请求实例错误拦截器支持可选禁用

src/common/api.js

@@ -1,31 +1,44 @@
 import axios from "axios";
 import config from "./config";
 
+// 后端 API
 export const LavaAnimeAPI = axios.create({
   baseURL: config.api.lavaAnime,
 });
+
+// 请求前置 - 增加验证头
 LavaAnimeAPI.interceptors.request.use(function (config) {
   config.headers.Authorization = getToken();
   return config;
 });
+
+// 请求响应处理
 LavaAnimeAPI.interceptors.response.use(
   // 2xx
   function (response) {
     return response;
   },
   // !2xx
   function (error) {
+    // 请求可以在 config 中添加 noCatch 字段禁止错误处理
+    if (error?.config?.noCatch) return Promise.reject(error);
+    // 未登录处理
     if (error?.response?.status == 401) {
-      // 未登录处理
       localStorage.removeItem("token");
       $message.warning("尚未登录...");
-      // app.$router.push({ name: 'AuthLogin' })
-    } else {
-      // 其他错误处理
-      if (error?.response?.data.message) {
-        console.error(error);
-        // $message.error(error.response.data.message);
-      }
+    }
+    // 网络错误
+    else if (error.code == "ERR_NETWORK") {
+      console.error(error);
+      $message.error("无法连接到服务器");
+    }
+    // 含有错误信息的服务端响应
+    else if (error?.response?.data.message) {
+      $message.error(error.response.data.message);
+    }
+    // 其他错误处理
+    else {
+      console.error("后端请求错误", error);
     }
     return Promise.reject(error);
   }

src/store/Anime.js

@@ -1,7 +1,7 @@
 import { useStorage } from "@vueuse/core";
 import { defineStore } from "pinia";
 import { LavaAnimeAPI, getToken } from "../common/api";
-import axios, { AxiosError } from "axios";
+import axios from "axios";
 import config from "../common/config";
 
 export const useAnimeStore = defineStore("anime", {
@@ -168,10 +168,12 @@ export const useAnimeStore = defineStore("anime", {
     async buildPage(laID) {
       this.laID = parseInt(laID);
       this.getAnimeData(laID);
-      await (async () => {
-        await this.getDriveData();
-        await this.getFileData(this.laID, this.activeDrive.id);
-        await this.autoPlay();
+      (async () => {
+        try {
+          await this.getDriveData();
+          await this.getFileData(this.laID, this.activeDrive.id);
+          await this.autoPlay();
+        } catch (error) {}
       })();
     },
     async getAnimeData(laID) {
@@ -256,10 +258,12 @@ export const useAnimeStore = defineStore("anime", {
      * @param {String} newDrive 节点 ID
      */
     async changeDrive(newDrive) {
-      await this.getFileData(this.laID, newDrive);
-      this.myDrive.selectedDrive = newDrive; // 持久化保存
-      this.selectedDrive = newDrive;
-      this.autoPlay();
+      try {
+        await this.getFileData(this.laID, newDrive);
+        this.myDrive.selectedDrive = newDrive; // 持久化保存
+        this.selectedDrive = newDrive;
+        this.autoPlay();
+      } catch (error) {}
     },
     /**
      * 切换当前选择的集数, 会优先选择浏览器支持的视频

src/store/Index.js

@@ -19,6 +19,7 @@ export const useIndexStore = defineStore("index", {
       try {
         let data = await LavaAnimeAPI.get("/v2/site/setting/get", {
           params: { key: "indexActivityCard" },
+          noCatch: true,
         });
 
         this.activityCard = data.data?.data;