fix: 生产环境 API 同源，HF Space / Docker 前端可正常请求后端

Dockerfile

@@ -11,11 +11,7 @@ RUN npm install
 ENV NODE_ENV=production
 ENV PATH=/app/node_modules/.bin:$PATH
 
-#   替换前端中的地址
-RUN sed -i 's#\${baseUrl}##g' /app/src/views/AccountManagement.vue
-RUN sed -i "s#\${import\.meta\.env\.VITE_API_BASE_URL || 'http:\/\/localhost:5409'}##g" /app/src/api/material.js
-RUN sed -i 's#localhost:5409##g' /app/.env.production
-
+# 生产构建：.env.production 中 VITE_API_BASE_URL 为空，前端与 Flask 同源（见 sau_frontend/src/utils/apiBase.js）
 RUN npm run build
 
 

sau_frontend/.env.production

@@ -1,8 +1,8 @@
 # 生产环境配置
 NODE_ENV=production
 
-# API 基础地址
-VITE_API_BASE_URL=http://localhost:5409
+# API：留空则与页面同源（Docker / HF Space 同一进程提供前后端）。本地直连后端可设为 http://127.0.0.1:5409
+VITE_API_BASE_URL=
 
 # 是否开启 mock
 VITE_USE_MOCK=false

sau_frontend/src/api/material.js

@@ -1,4 +1,5 @@
 import { http } from '@/utils/request'
+import { getApiBase } from '@/utils/apiBase'
 
 // 素材管理API
 export const materialApi = {
@@ -20,11 +21,13 @@ export const materialApi = {
   
   // 下载素材
   downloadMaterial: (filePath) => {
-    return `${import.meta.env.VITE_API_BASE_URL || 'http://localhost:5409'}/download/${filePath}`
+    const b = getApiBase()
+    return `${b}/download/${filePath}`
   },
   
   // 获取素材预览URL
   getMaterialPreviewUrl: (filename) => {
-    return `${import.meta.env.VITE_API_BASE_URL || 'http://localhost:5409'}/getFile?filename=${filename}`
+    const b = getApiBase()
+    return `${b}/getFile?filename=${filename}`
   }
 }

sau_frontend/src/utils/apiBase.js

@@ -0,0 +1,11 @@
+/**
+ * 生产环境前后端同源（Docker / Hugging Face Space）时请在 .env.production 中设 VITE_API_BASE_URL 为空。
+ * 开发环境使用 .env.development 中的 /api（Vite 代理到后端）。
+ */
+export function getApiBase() {
+  const v = import.meta.env.VITE_API_BASE_URL
+  if (v != null && String(v).trim() !== '') {
+    return String(v).replace(/\/$/, '')
+  }
+  return ''
+}

sau_frontend/src/utils/request.js

@@ -1,9 +1,10 @@
 import axios from 'axios'
 import { ElMessage } from 'element-plus'
+import { getApiBase } from '@/utils/apiBase'
 
 // 创建axios实例
 const request = axios.create({
-  baseURL: import.meta.env.VITE_API_BASE_URL || 'http://localhost:5409',
+  baseURL: getApiBase(),
   headers: {
     'Content-Type': 'application/json'
   }

sau_frontend/src/views/AccountManagement.vue

@@ -434,6 +434,7 @@ import { accountApi } from '@/api/account'
 import { useAccountStore } from '@/stores/account'
 import { useAppStore } from '@/stores/app'
 import { http } from '@/utils/request'
+import { getApiBase } from '@/utils/apiBase'
 
 // 获取账号状态管理
 const accountStore = useAccountStore()
@@ -672,7 +673,7 @@ const handleDelete = (row) => {
 // 下载Cookie文件
 const handleDownloadCookie = (row) => {
   // 从后端获取Cookie文件
-  const baseUrl = import.meta.env.VITE_API_BASE_URL || 'http://localhost:5409'
+  const baseUrl = getApiBase()
   const downloadUrl = `${baseUrl}/downloadCookie?filePath=${encodeURIComponent(row.filePath)}`
 
   // 创建一个隐藏的链接来触发下载
@@ -792,7 +793,7 @@ const connectSSE = (platform, name) => {
   const type = platformTypeMap[platform] || '1'
 
   // 创建SSE连接
-  const baseUrl = import.meta.env.VITE_API_BASE_URL || 'http://localhost:5409'
+  const baseUrl = getApiBase()
   const url = `${baseUrl}/login?type=${type}&id=${encodeURIComponent(name)}`
 
   eventSource = new EventSource(url)

sau_frontend/src/views/PublishCenter.vue

@@ -498,9 +498,10 @@ import { useAccountStore } from '@/stores/account'
 import { useAppStore } from '@/stores/app'
 import { materialApi } from '@/api/material'
 import { http } from '@/utils/request'
+import { getApiBase } from '@/utils/apiBase'
 
-// API base URL
-const apiBaseUrl = import.meta.env.VITE_API_BASE_URL || 'http://localhost:5409'
+// API base URL（生产同源时为空，请求走当前域名）
+const apiBaseUrl = getApiBase()
 
 // Authorization headers
 const authHeaders = computed(() => ({