diff --git a/frontend/.env.development b/frontend/.env.development
new file mode 100644
index 0000000..789adce
--- /dev/null
+++ b/frontend/.env.development
@@ -0,0 +1 @@
+VITE_API_BASE_URL=http://localhost:8443/api
\ No newline at end of file
diff --git a/frontend/.env.production b/frontend/.env.production
new file mode 100644
index 0000000..b73c292
--- /dev/null
+++ b/frontend/.env.production
@@ -0,0 +1 @@
+VITE_API_BASE_URL=http://159.75.150.210:8443/api
\ No newline at end of file
diff --git a/frontend/src/AdminPanel.vue b/frontend/src/AdminPanel.vue
index 50de586..8f0618b 100644
--- a/frontend/src/AdminPanel.vue
+++ b/frontend/src/AdminPanel.vue
@@ -2,6 +2,7 @@
 import { ref, reactive, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import axios from 'axios'
+import { API_BASE_URL } from './api/base'
 
 const router = useRouter()
 
@@ -38,9 +39,7 @@ const editForm = reactive({
   comments_summary: ''
 })
 
-// API基础URL
-// const API_BASE_URL = 'http://159.75.150.210:8443/api'  // 远程服务器
-const API_BASE_URL = 'http://localhost:8443/api'  // 本地服务器
+// API基础URL（从环境变量导入）
 
 // 格式化播放量
 const formatPlayCount = (count) => {
diff --git a/frontend/src/ClaimApplications.vue b/frontend/src/ClaimApplications.vue
index 0db6e54..3c4624c 100644
--- a/frontend/src/ClaimApplications.vue
+++ b/frontend/src/ClaimApplications.vue
@@ -165,9 +165,10 @@
 import { ref, onMounted, computed } from 'vue'
 import { useRouter } from 'vue-router'
 import axios from 'axios'
+import { API_BASE_URL } from './api/base'
 
 const router = useRouter()
-const API_BASE_URL = 'http://localhost:8443/api'
+// API基础URL（从环境变量导入）
 
 // 响应式数据
 const applications = ref([])
diff --git a/frontend/src/ClaimPage.vue b/frontend/src/ClaimPage.vue
index 25114b5..0e97c8d 100644
--- a/frontend/src/ClaimPage.vue
+++ b/frontend/src/ClaimPage.vue
@@ -2,6 +2,7 @@
 import { ref, computed, onMounted } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import axios from 'axios'
+import { API_BASE_URL } from './api/base'
 
 const router = useRouter()
 const route = useRoute()
@@ -17,8 +18,7 @@ const loading = ref(false)
 const dramaId = route.params.id
 const fieldType = route.query.type // 'copyright' 或 'manufacturing'
 
-// API基础URL
-const API_BASE_URL = 'http://localhost:8443/api'
+// API基础URL（从环境变量导入）
 
 // 计算属性
 const fieldLabel = computed(() => {
diff --git a/frontend/src/DramaDetail.vue b/frontend/src/DramaDetail.vue
index af49b9a..8bc7fa3 100644
--- a/frontend/src/DramaDetail.vue
+++ b/frontend/src/DramaDetail.vue
@@ -2,6 +2,7 @@
 import { ref, onMounted, nextTick } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import axios from 'axios'
+import { API_BASE_URL } from './api/base'
 
 const router = useRouter()
 const route = useRoute()
@@ -23,8 +24,7 @@ const dramaData = ref({
   comments_summary: ''  // 用户评论总结
 })
 
-// API基础URL
-const API_BASE_URL = 'http://localhost:8443/api'  // 本地服务器
+// API基础URL（从环境变量导入）
 
 // 返回上一页（直接返回首页）
 const goBack = () => {
diff --git a/frontend/src/api/base.js b/frontend/src/api/base.js
new file mode 100644
index 0000000..a59fa9f
--- /dev/null
+++ b/frontend/src/api/base.js
@@ -0,0 +1 @@
+export const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
\ No newline at end of file