diff --git a/src/pages/ServerSelection.vue b/src/pages/ServerSelection.vue
new file mode 100644
index 0000000..3395290
--- /dev/null
+++ b/src/pages/ServerSelection.vue
@@ -0,0 +1,37 @@
+<template>
+  <v-container>
+    <v-form @submit.prevent="saveServerUrl">
+      <v-text-field
+        v-model="serverUrl"
+        label="Backend Server URL"
+        required
+      />
+      <v-btn type="submit" color="primary">Save</v-btn>
+    </v-form>
+  </v-container>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      serverUrl: ''
+    };
+  },
+  methods: {
+    saveServerUrl() {
+      localStorage.setItem('backendServerUrl', this.serverUrl);
+      alert('Server URL saved!');
+    },
+    loadServerUrl() {
+      const savedUrl = localStorage.getItem('backendServerUrl');
+      if (savedUrl) {
+        this.serverUrl = savedUrl;
+      }
+    }
+  },
+  mounted() {
+    this.loadServerUrl();
+  }
+};
+</script>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index ff9e979..dd39f90 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -133,7 +133,7 @@ export default {
 
   data() {
     return {
-      backurl: import.meta.env.VITE_BACKURL,
+      backurl: localStorage.getItem('backendServerUrl') || '',
       currentEditSubject: null,
       studentList: ["加载中"],
       selectedSet: new Set(),
@@ -162,6 +162,7 @@ export default {
 
   async mounted() {
     try {
+      this.updateBackendUrl();
       await this.initializeData();
     } catch (err) {
       console.error("初始化失败:", err);
@@ -344,6 +345,13 @@ export default {
       this.selectedSet = new Set(res.data.attendance || []);
       this.synced = true;
     },
+
+    updateBackendUrl() {
+      const savedUrl = localStorage.getItem('backendServerUrl');
+      if (savedUrl) {
+        this.backurl = savedUrl;
+      }
+    },
   },
 };
 </script>
diff --git a/src/router/index.js b/src/router/index.js
index 5d4b8bc..4a28343 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -34,3 +34,13 @@ router.isReady().then(() => {
 })
 
 export default router
+
+import ServerSelection from '@/pages/ServerSelection.vue'
+
+const routes = [
+  {
+    path: '/server-selection',
+    name: 'ServerSelection',
+    component: ServerSelection,
+  },
+]