Add @microsoft/clarity and ratelimit-header-parser dependencies; integrate Clarity for user tracking and implement rate limit handling in axios instance. Update App.vue to include RateLimitModal for user notifications.

src/axios/axios.js

@@ -1,6 +1,7 @@
 import axios from "axios";
-import { getSetting } from '@/utils/settings';
-
+import { getSetting } from "@/utils/settings";
+import { parseRateLimit } from "ratelimit-header-parser";
+import RateLimitModal from "@/components/RateLimitModal.vue";
 // 基本配置
 const axiosInstance = axios.create({
   // 可以在这里添加基础配置，例如超时时间等
@@ -11,7 +12,7 @@ const axiosInstance = axios.create({
 axiosInstance.interceptors.request.use(
   (requestConfig) => {
     // 确保每次请求时都获取最新的 siteKey
-    const siteKey = getSetting('server.siteKey');
+    const siteKey = getSetting("server.siteKey");
     if (siteKey) {
       requestConfig.headers["x-site-key"] = siteKey;
     }
@@ -23,4 +24,33 @@ axiosInstance.interceptors.request.use(
   }
 );
 
+// 响应拦截器
+axiosInstance.interceptors.response.use(
+  (response) => {
+    return response;
+  },
+  (error) => {
+    // 处理限速响应 (HTTP 429)
+    if (error.response && error.response.status === 429) {
+      try {
+        // 解析限速头信息
+        const rateLimitInfo = parseRateLimit(error.response);
+
+        if (rateLimitInfo) {
+          // 显示限速弹窗，直接传递重置时间
+          RateLimitModal.show(
+            rateLimitInfo.reset,
+            error.config.url,
+            error.config.method.toUpperCase()
+          );
+        }
+      } catch (parseError) {
+        console.error("解析限速头信息失败:", parseError);
+      }
+    }
+
+    return Promise.reject(error);
+  }
+);
+
 export default axiosInstance;