fix(frontend): fix API URL configuration for production build

- Add API_BASE_URL constant for production builds
- Update ChartView to use full API URL
- Add Vite dev server proxy configuration

Author: OpenClaw

frontend/src/api/request.ts

@@ -1,17 +1,10 @@
 import axios from 'axios'
 
-// 根据环境自动选择 API 基础 URL
-const getBaseURL = () => {
-  // 优先使用环境变量
-  if (import.meta.env.VITE_API_BASE_URL) {
-    return import.meta.env.VITE_API_BASE_URL
-  }
-  // 默认使用本地后端（开发测试）
-  return 'http://localhost:8000'
-}
+// API 基础 URL - 生产环境使用完整 URL
+const API_BASE_URL = 'http://localhost:8000'
 
 const api = axios.create({
-  baseURL: getBaseURL(),
+  baseURL: API_BASE_URL,
   timeout: 30000,
 })
 

frontend/src/views/ChartView.vue

@@ -81,9 +81,11 @@ const sources = [
 const activeSource = ref('netease')
 const chartData = ref([])
 
+const API_BASE_URL = 'http://localhost:8000'
+
 const fetchChart = async () => {
   try {
-    const response = await fetch(`/api/v1/chart/${activeSource.value}/new_songs?limit=20`)
+    const response = await fetch(`${API_BASE_URL}/api/v1/chart/${activeSource.value}/new_songs?limit=20`)
     const data = await response.json()
     chartData.value = data.entries || []
   } catch (error) {
@@ -97,7 +99,7 @@ const playSong = (song: any) => {
 
 const subscribeSong = async (song: any) => {
   try {
-    await fetch('/api/v1/subscribes', {
+    await fetch(`${API_BASE_URL}/api/v1/subscribes`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({

frontend/vite.config.ts

@@ -10,4 +10,12 @@ export default defineConfig({
       '@': fileURLToPath(new URL('./src', import.meta.url)),
     },
   },
+  server: {
+    proxy: {
+      '/api': {
+        target: 'http://localhost:8000',
+        changeOrigin: true,
+      },
+    },
+  },
 })