diff --git a/frontend/public/index.html b/frontend/public/index.html
index e71e5256..1196d73a 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -7,6 +7,9 @@
   <link href="<%= BASE_URL %>favicon.ico" rel="icon">
   <link href="font-awesome.min.css" rel="stylesheet">
   <title><%= htmlWebpackPlugin.options.title %></title>
+  <script>
+  window.VUE_APP_API_BASE_URL = '<%= VUE_APP_API_BASE_URL %>'
+  </script>
   <script src="/js/vue3-sfc-loader.js"></script>
   <style>
       #loading-placeholder {
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 21ce8735..e348aab1 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -2,7 +2,5 @@ import 'crawlab-ui/dist/crawlab-ui.css';
 import {createApp} from 'crawlab-ui';
 
 (async function () {
-  // @ts-ignore
-  window.VUE_APP_API_BASE_URL = process.env.VUE_APP_API_BASE_URL;
   await createApp();
 })();