diff --git a/cfsb-frontend/.env.development b/cfsb-frontend/.env.development
index e4e39ec..885e366 100644
--- a/cfsb-frontend/.env.development
+++ b/cfsb-frontend/.env.development
@@ -1,2 +1,2 @@
-VUE_APP_BACKEND_URL=http://127.0.0.1:8001
-VITE_BACKEND_URL=http://127.0.0.1:8001
\ No newline at end of file
+VUE_APP_BACKEND_URL=https://cfsb-backend.cd.nebulouscloud.eu
+VITE_BACKEND_URL=https://cfsb-backend.cd.nebulouscloud.eu
diff --git a/cfsb-frontend/src/App.vue b/cfsb-frontend/src/App.vue
index 000c1b3..db49a1d 100644
--- a/cfsb-frontend/src/App.vue
+++ b/cfsb-frontend/src/App.vue
@@ -132,7 +132,7 @@
 </style>
 
 <script>
-export const backendURL = import.meta.env.VITE_BACKEND_URL;
+export const backendURL = process.env.VITE_BACKEND_URL;
 const apiURL = backendURL;
 export default {
   name: 'App',
diff --git a/cfsb-frontend/src/components/CriteriaSelection.vue b/cfsb-frontend/src/components/CriteriaSelection.vue
index 6e2e1b2..346f12f 100644
--- a/cfsb-frontend/src/components/CriteriaSelection.vue
+++ b/cfsb-frontend/src/components/CriteriaSelection.vue
@@ -26,7 +26,7 @@
 
 
 <script>
-export const backendURL = import.meta.env.VITE_BACKEND_URL;
+export const backendURL = process.env.VITE_BACKEND_URL;
 const apiURL = backendURL;
 import HierarchicalCategoryList from "@/components/HierarchicalCategoryList.vue";
 
diff --git a/cfsb-frontend/src/components/DataGrid.vue b/cfsb-frontend/src/components/DataGrid.vue
index 4ba21f1..524c757 100644
--- a/cfsb-frontend/src/components/DataGrid.vue
+++ b/cfsb-frontend/src/components/DataGrid.vue
@@ -77,7 +77,7 @@
 </template>
 
 <script>
-export const backendURL = import.meta.env.VITE_BACKEND_URL;
+export const backendURL = process.env.VITE_BACKEND_URL;
 const apiURL = backendURL;
 export default {
   data() {
diff --git a/cfsb-frontend/src/components/Results.vue b/cfsb-frontend/src/components/Results.vue
index a922f3d..93ff80a 100644
--- a/cfsb-frontend/src/components/Results.vue
+++ b/cfsb-frontend/src/components/Results.vue
@@ -45,7 +45,7 @@
   </template>
 
   <script>
-  export const backendURL = import.meta.env.VITE_BACKEND_URL;
+  export const backendURL = process.env.VITE_BACKEND_URL;
   const apiURL = backendURL;
   import Chart from 'chart.js/auto';
 
diff --git a/cfsb-frontend/src/components/WR.vue b/cfsb-frontend/src/components/WR.vue
index 4877eb4..4a70145 100644
--- a/cfsb-frontend/src/components/WR.vue
+++ b/cfsb-frontend/src/components/WR.vue
@@ -73,7 +73,7 @@
 </template>
 
 <script>
-export const backendURL = import.meta.env.VITE_BACKEND_URL;
+export const backendURL = process.env.VITE_BACKEND_URL;
 const apiURL = backendURL;
 export default {
   data() {
diff --git a/cfsb-frontend/src/components/WR_AllCriteria.vue b/cfsb-frontend/src/components/WR_AllCriteria.vue
index e89c573..705b5b0 100644
--- a/cfsb-frontend/src/components/WR_AllCriteria.vue
+++ b/cfsb-frontend/src/components/WR_AllCriteria.vue
@@ -55,7 +55,7 @@
 </template>
 
 <script>
-export const backendURL = import.meta.env.VITE_BACKEND_URL;
+export const backendURL = process.env.VITE_BACKEND_URL;
 const apiURL = backendURL;
 import {useRouter} from 'vue-router';
 
diff --git a/cfsb-frontend/vite.config.js b/cfsb-frontend/vite.config.js
index 5c45e1d..1fb7866 100644
--- a/cfsb-frontend/vite.config.js
+++ b/cfsb-frontend/vite.config.js
@@ -12,5 +12,8 @@ export default defineConfig({
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url))
     }
+  },
+  define: {
+    'process.env.VITE_BACKEND_URL': JSON.stringify(process.env.VITE_BACKEND_URL || "https://cfsb-backend.cd.nebulouscloud.eu")
   }
 })