diff --git a/package.json b/package.json
index c559b2b5..57912ffe 100644
--- a/package.json
+++ b/package.json
@@ -42,7 +42,9 @@
     "vue-splitpane": "1.0.4",
     "vuedraggable": "2.20.0",
     "vuex": "3.1.0",
-    "xlsx": "0.14.1"
+    "xlsx": "0.14.1",
+    "xterm": "^5.3.0",
+    "xterm-addon-fit": "^0.8.0"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "4.4.4",
diff --git a/src/config/APIconfig.js b/src/config/APIconfig.js
new file mode 100644
index 00000000..561c2976
--- /dev/null
+++ b/src/config/APIconfig.js
@@ -0,0 +1,2 @@
+// src/config/apiConfig.js
+export const API_URL = 'http://localhost:3000'
diff --git a/src/views/dashboard/admin/index.vue b/src/views/dashboard/admin/index.vue
index 8b1f1648..ee64af6d 100644
--- a/src/views/dashboard/admin/index.vue
+++ b/src/views/dashboard/admin/index.vue
@@ -24,6 +24,7 @@
 </template>
 
 <script>
+import { API_URL } from '@/config/APIconfig'
 export default {
   name: 'DashboardAdmin',
   data() {
@@ -36,7 +37,7 @@ export default {
   },
   methods: {
     fetchTableData() {
-      fetch('http://localhost:5000/dashboard/nodes', {
+      fetch(API_URL + '/dashboard/nodes', {
         method: 'Get',
         headers: {
           'Content-Type': 'application/json'
diff --git a/src/views/route/add_policy.vue b/src/views/route/add_policy.vue
index 8a94ca40..7862c97e 100644
--- a/src/views/route/add_policy.vue
+++ b/src/views/route/add_policy.vue
@@ -42,7 +42,7 @@
 
 <script>
 import axios from 'axios'
-
+import { API_URL } from '@/config/APIconfig'
 export default {
   data() {
     return {
@@ -62,7 +62,7 @@ export default {
           sids: this.sids
         }
 
-        const response = await axios.post(`http://localhost:5060/route/add_policy?router=${this.router}`, data, {
+        const response = await axios.post(API_URL + `/route/add_policy?router=${this.router}`, data, {
           headers: { 'Content-Type': 'application/json' }
         })
 
diff --git a/src/views/route/del_policy.vue b/src/views/route/del_policy.vue
index cc0dbe16..6ba3e3d1 100644
--- a/src/views/route/del_policy.vue
+++ b/src/views/route/del_policy.vue
@@ -43,7 +43,7 @@
 
 <script>
 import axios from 'axios'
-
+import { API_URL } from '@/config/APIconfig'
 export default {
   data() {
     return {
@@ -64,7 +64,7 @@ export default {
 
         // 发送 DELETE 请求
         const response = await axios.delete(
-          `http://localhost:5060/route/del_policy?router=${this.router}`,
+          API_URL + `/route/del_policy?router=${this.router}`,
           {
             headers: { 'Content-Type': 'application/json' },
             data
diff --git a/src/views/route/show_policy.vue b/src/views/route/show_policy.vue
index 84b02d94..a895a10c 100644
--- a/src/views/route/show_policy.vue
+++ b/src/views/route/show_policy.vue
@@ -35,6 +35,7 @@
 </template>
 
 <script>
+import { API_URL } from '@/config/APIconfig'
 import axios from 'axios'
 
 export default {
@@ -57,7 +58,7 @@ export default {
       this.loading = true
       this.error = null
       axios
-        .get(`http://localhost:5060/route/show_policy`, { params: { router: this.selectedRouter }})
+        .get(API_URL + `/route/show_policy`, { params: { router: this.selectedRouter }})
         .then((response) => {
           if (response.data && response.data.policies) {
             this.policyData = response.data.policies // 保存策略数据
diff --git a/src/views/route/show_steer.vue b/src/views/route/show_steer.vue
index 7bd313e6..faf18c7d 100644
--- a/src/views/route/show_steer.vue
+++ b/src/views/route/show_steer.vue
@@ -35,6 +35,7 @@
 </template>
 
 <script>
+import { API_URL } from '@/config/APIconfig'
 import axios from 'axios'
 
 export default {
@@ -57,7 +58,7 @@ export default {
       this.loading = true
       this.error = null
       axios
-        .get(`http://localhost:5060/route/show_steer`, { params: { router: this.selectedRouter }})
+        .get(API_URL + `/route/show_steer`, { params: { router: this.selectedRouter }})
         .then((response) => {
           if (response.data && response.data.steering_policies) {
             this.policyData = response.data.steering_policies // 保存策略数据
diff --git a/src/views/route/steer.vue b/src/views/route/steer.vue
index fb1bc0b2..6f187f9a 100644
--- a/src/views/route/steer.vue
+++ b/src/views/route/steer.vue
@@ -41,6 +41,7 @@
 </template>
 
 <script>
+import { API_URL } from '@/config/APIconfig'
 import axios from 'axios'
 
 export default {
@@ -62,7 +63,7 @@ export default {
           ip_prefix: this.ip_prefix
         }
 
-        const response = await axios.post(`http://localhost:5060/route/steer?router=${this.router}`, data, {
+        const response = await axios.post(API_URL + `/route/steer?router=${this.router}`, data, {
           headers: { 'Content-Type': 'application/json' }
         })
 
diff --git a/src/views/schedule/index.vue b/src/views/schedule/index.vue
index 707707e4..d06aaed1 100644
--- a/src/views/schedule/index.vue
+++ b/src/views/schedule/index.vue
@@ -37,6 +37,7 @@
 </template>
 
 <script>
+import { API_URL } from '@/config/APIconfig'
 import axios from 'axios'
 
 export default {
@@ -56,7 +57,7 @@ export default {
   methods: {
     fetchScheduleDecision() {
       axios
-        .get('http://localhost:5060/schedule')
+        .get(API_URL + '/schedule')
         .then((response) => {
           const data = response.data
           this.averageResources = data.average_resource || []
diff --git a/src/views/table/dynamic-table/index.vue b/src/views/table/dynamic-table/index.vue
index 5a4dd363..e60b82af 100644
--- a/src/views/table/dynamic-table/index.vue
+++ b/src/views/table/dynamic-table/index.vue
@@ -1,14 +1,10 @@
 <template>
   <div class="app-container">
-    <div style="margin:0 0 5px 20px">
-      Fixed header, sorted by header order,
-    </div>
-    <fixed-thead />
-
-    <div style="margin:30px 0 5px 20px">
-      Not fixed header, sorted by click order
-    </div>
-    <unfixed-thead />
+    <el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple>
+      <i class="el-icon-upload" />
+      <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+      <div slot="tip" class="el-upload__tip">只能上传yaml文件，且不超过500kb</div>
+    </el-upload>
   </div>
 </template>
 
@@ -18,7 +14,11 @@ import UnfixedThead from './components/UnfixedThead'
 
 export default {
   name: 'DynamicTable',
-  components: { FixedThead, UnfixedThead }
+  components: { FixedThead, UnfixedThead },
+  data() {
+    return {
+      tableData: [] // 初始为空数组，将在 mounted 时获取数据
+    }
+  }
 }
 </script>
-