feat:访问超时设置

Taois · Taois · commit e9491d836ef0 · 2025-10-08T11:20:32.000+08:00
diff --git a/dashboard/src/api/config.js b/dashboard/src/api/config.js
@@ -3,13 +3,47 @@
  * 定义接口相关的配置信息和常量
  */
 
+/**
+ * 获取API超时时间（毫秒）
+ * 从设置中读取，如果没有设置则使用默认值30秒
+ */
+export const getApiTimeout = () => {
+  try {
+    const addressSettings = JSON.parse(localStorage.getItem('addressSettings') || '{}')
+    const timeoutSeconds = addressSettings.apiTimeout || 30
+    return timeoutSeconds * 1000 // 转换为毫秒
+  } catch (error) {
+    console.warn('Failed to get API timeout from settings, using default:', error)
+    return 30000 // 默认30秒
+  }
+}
+
+/**
+ * 获取Action接口超时时间（毫秒）
+ * Action接口通常需要更长的超时时间，默认100秒
+ */
+export const getActionTimeout = () => {
+  try {
+    const addressSettings = JSON.parse(localStorage.getItem('addressSettings') || '{}')
+    const apiTimeoutSeconds = addressSettings.apiTimeout || 30
+    // Action接口超时时间为普通接口的3倍，但最少100秒
+    const actionTimeoutSeconds = Math.max(apiTimeoutSeconds * 3, 100)
+    return actionTimeoutSeconds * 1000 // 转换为毫秒
+  } catch (error) {
+    console.warn('Failed to get Action timeout from settings, using default:', error)
+    return 100000 // 默认100秒
+  }
+}
+
 // 基础配置
 export const API_CONFIG = {
   // 基础URL配置
   BASE_URL: import.meta.env.VITE_API_BASE_URL || 'http://localhost:5707',
   
-  // 超时配置
-  TIMEOUT: 30000,
+  // 超时配置（动态获取）
+  get TIMEOUT() {
+    return getApiTimeout()
+  },
   
   // 请求头配置
   HEADERS: {
diff --git a/dashboard/src/api/modules/module.js b/dashboard/src/api/modules/module.js
@@ -4,7 +4,7 @@
  */
 
 import { get, post } from '../request'
-import { API_PATHS, MODULE_ACTIONS, PAGINATION } from '../config'
+import { API_PATHS, MODULE_ACTIONS, PAGINATION, API_CONFIG } from '../config'
 import { processExtendParam } from '@/utils/apiUtils'
 import axios from 'axios'
 
@@ -68,7 +68,7 @@ const directApiCall = async (apiUrl, params = {}) => {
   try {
     const response = await axios.get(apiUrl, {
       params,
-      timeout: 30000,
+      timeout: API_CONFIG.TIMEOUT,
       headers: {
         'Accept': 'application/json'
       }
@@ -437,7 +437,7 @@ export const executeAction = async (module, data) => {
     // 如果是测试用的JSON文件，使用GET请求
     if (apiUrl.endsWith('.json')) {
       const response = await axios.get(apiUrl, {
-        timeout: 30000,
+        timeout: API_CONFIG.TIMEOUT,
         headers: {
           'Accept': 'application/json'
         }
@@ -447,7 +447,7 @@ export const executeAction = async (module, data) => {
     } else {
       // 否则使用POST请求
       const response = await axios.post(apiUrl, requestData, {
-        timeout: 30000,
+        timeout: API_CONFIG.TIMEOUT,
         headers: {
           'Accept': 'application/json',
           'Content-Type': 'application/json;charset=UTF-8',
diff --git a/dashboard/src/api/services/parser.js b/dashboard/src/api/services/parser.js
@@ -4,6 +4,7 @@
  */
 
 import axios from 'axios'
+import { API_CONFIG } from '@/api/config'
 
 class ParserService {
   /**
@@ -174,7 +175,7 @@ class ParserService {
           'Referer': fullParseUrl, // 使用拼接后的解析地址作为Referer
           ...parser.headers
         },
-        timeout: 30000
+        timeout: API_CONFIG.TIMEOUT
       }
       
       const response = await axios(axiosConfig)
@@ -228,7 +229,7 @@ class ParserService {
           'Referer': data.referer || '',
           ...parser.headers
         },
-        timeout: 30000,
+        timeout: API_CONFIG.TIMEOUT,
         maxRedirects: 5
       })
       
diff --git a/dashboard/src/components/actions/InputAction.vue b/dashboard/src/components/actions/InputAction.vue
@@ -264,6 +264,7 @@ import { executeAction } from '@/api/modules/module.js'
 import { showToast } from '@/stores/toast.js'
 import siteService from '@/api/services/site'
 import { useRouter } from 'vue-router'
+import { getActionTimeout } from '@/api/config'
 
 export default {
   name: 'InputAction',
@@ -957,7 +958,7 @@ export default {
         console.log('直接调用API:', props.apiUrl)
         const axios = (await import('axios')).default
         const response = await axios.post(props.apiUrl, actionData, {
-          timeout: 30000,
+          timeout: getActionTimeout(),
           headers: {
             'Accept': 'application/json',
             'Content-Type': 'application/json'
diff --git a/dashboard/src/components/actions/MenuAction.vue b/dashboard/src/components/actions/MenuAction.vue
@@ -263,6 +263,7 @@ import {
 import { executeAction } from '@/api/modules/module.js'
 import { showToast } from '@/stores/toast.js'
 import { useRouter } from 'vue-router'
+import { getActionTimeout } from '@/api/config'
 
 export default {
   name: 'MenuAction',
@@ -485,7 +486,7 @@ export default {
         console.log('直接调用API:', props.apiUrl)
         const axios = (await import('axios')).default
         const response = await axios.post(props.apiUrl, actionData, {
-          timeout: 30000,
+          timeout: getActionTimeout(),
           headers: {
             'Accept': 'application/json',
             'Content-Type': 'application/json'
diff --git a/dashboard/src/services/resetService.js b/dashboard/src/services/resetService.js
@@ -18,7 +18,8 @@ const DEFAULT_CONFIGS = {
     proxyPlayEnabled: false,
     proxySniff: 'http://localhost:57573/sniffer',
     proxySniffEnabled: false,
-    snifferTimeout: 10
+    snifferTimeout: 10,
+    apiTimeout: 30
   },
   
   // 应用设置默认值
diff --git a/dashboard/src/views/Settings.vue b/dashboard/src/views/Settings.vue
@@ -441,6 +441,62 @@
               </div>
             </div>
           </div>
+
+          <!-- 访问超时设置 -->
+          <div class="address-config-item">
+            <div class="address-config-row">
+              <div class="address-config-info">
+                <icon-clock-circle class="address-config-icon" />
+                <div class="address-config-text">
+                  <div class="address-config-title">访问超时时间</div>
+                  <div class="address-config-desc">设置T4接口访问的超时时间（秒）</div>
+                </div>
+              </div>
+              <div class="address-config-input-group">
+                <a-input-number 
+                  v-model="addressSettings.apiTimeout" 
+                  placeholder="30"
+                  size="medium"
+                  class="address-config-input"
+                  :min="5"
+                  :max="120"
+                  :step="1"
+                >
+                  <template #suffix>
+                    <span class="input-suffix">秒</span>
+                  </template>
+                </a-input-number>
+                <div class="address-config-actions">
+                  <a-button 
+                    type="primary" 
+                    @click="saveAddress('apiTimeout')"
+                    :loading="addressSaving.apiTimeout"
+                    size="medium"
+                  >
+                    <template #icon>
+                      <icon-save />
+                    </template>
+                    保存
+                  </a-button>
+                </div>
+              </div>
+            </div>
+            <div v-if="addressStatus.apiTimeout && addressStatus.apiTimeout.message" class="address-config-status">
+              <div 
+                class="config-message"
+                :class="{
+                  'config-message-success': addressStatus.apiTimeout.type === 'success',
+                  'config-message-error': addressStatus.apiTimeout.type === 'error',
+                  'config-message-warning': addressStatus.apiTimeout.type === 'warning'
+                }"
+              >
+                <icon-check-circle v-if="addressStatus.apiTimeout.type === 'success'" class="config-icon" />
+                <icon-exclamation-circle v-else-if="addressStatus.apiTimeout.type === 'error'" class="config-icon" />
+                <icon-info-circle v-else class="config-icon" />
+                <span class="config-text">{{ addressStatus.apiTimeout.message }}</span>
+              </div>
+            </div>
+          </div>
         </div>
       </a-card>
 
@@ -895,7 +951,8 @@ const addressSettings = reactive({
   proxyPlayEnabled: false,
   proxySniff: 'http://localhost:57573/sniffer',
   proxySniffEnabled: false,
-  snifferTimeout: 10
+  snifferTimeout: 10,
+  apiTimeout: 30
 })
 
 const addressSaving = reactive({
@@ -907,7 +964,8 @@ const addressSaving = reactive({
   proxyPlayReset: false,
   proxySniff: false,
   proxySniffReset: false,
-  snifferTimeout: false
+  snifferTimeout: false,
+  apiTimeout: false
 })
 
 const addressTesting = reactive({
@@ -920,7 +978,8 @@ const addressStatus = reactive({
   proxyAccess: null,
   proxyPlay: null,
   proxySniff: null,
-  snifferTimeout: null
+  snifferTimeout: null,
+  apiTimeout: null
 })
 
 // 播放器类型选项
@@ -1465,6 +1524,10 @@ const loadConfig = async () => {
         if (!addressSettings.snifferTimeout) {
           addressSettings.snifferTimeout = 10
         }
+        // 确保访问超时有默认值
+        if (!addressSettings.apiTimeout) {
+          addressSettings.apiTimeout = 30
+        }
       } catch (error) {
         console.error('Failed to load address settings:', error)
       }
