Verbessere die Axios-Konfiguration: Setze die Basis-URL dynamisch basierend auf der Umgebung und verhindere Mixed-Content-Probleme durch Umstellung auf HTTPS. Aktualisiere die Menü-Datenabfrage, um Axios für den API-Zugriff zu verwenden und füge Fehlerbehandlung hinzu.

src/main.js

@@ -5,15 +5,19 @@ import store from './store';
 import axios from './axios';
 import './assets/css/editor.css';
 
+// Menü-Daten über das konfigurierte Axios-Backend laden
 async function fetchMenuData() {
-  const backendUrl = process.env.VUE_APP_BACKEND_URL || '';
-  const response = await fetch(backendUrl + '/menu-data');
-  return await response.json();
+  const response = await axios.get('/menu-data');
+  return response.data;
 }
 
-fetchMenuData().then(menuData => {
-  store.commit('setMenuData', menuData);
-});
+fetchMenuData()
+  .then(menuData => {
+    store.commit('setMenuData', menuData);
+  })
+  .catch(err => {
+    console.error('Fehler beim Laden der Menü-Daten:', err);
+  });
 
 const app = createApp(AppComponent);
 app.use(router);