diff --git a/web/config.js b/web/config.js
new file mode 100644
index 0000000..b7be8b1
--- /dev/null
+++ b/web/config.js
@@ -0,0 +1 @@
+window.__API_BASE__ = ''
diff --git a/web/index.html b/web/index.html
index 547f89b..903b493 100644
--- a/web/index.html
+++ b/web/index.html
@@ -305,6 +305,7 @@
     </template>
   </el-dialog>
 </div>
+<script src="./config.js"></script>
 <script src="./vendor/vue.global.prod.js"></script>
 <script src="./vendor/element-plus.full.min.js"></script>
 <script src="./main.js"></script>
diff --git a/web/main.js b/web/main.js
index e4e6bdd..c50a4bc 100644
--- a/web/main.js
+++ b/web/main.js
@@ -37,7 +37,7 @@ const { createApp, reactive } = Vue;
       exportTpl: { id: null, filters: {}, main_table: '', fields: [], datasource: '', file_format: '' }
     })
     
-    const API_BASE = 'http://localhost:8077'
+    const API_BASE = (window.__API_BASE__ && String(window.__API_BASE__).trim()) ? String(window.__API_BASE__).trim() : (typeof location !== 'undefined' ? location.origin : 'http://localhost:8077')
     const getUserId = ()=>{
       const sp = new URLSearchParams(window.location.search||'')
       const v = sp.get('userId') || sp.get('userid') || sp.get('user_id')