dev server proxy

client-vue/src/App.vue

@@ -5,7 +5,7 @@
             <div v-if="errors" class="big-error">
                 <div v-for="error in errors" :key="error" class="big-error-item">Error</div>
             </div>
-            <router-view v-if="store.config !== null && store.favourite_games !== null" />
+            <router-view v-if="store.config !== null && store.favourite_games !== null" ref="view" />
             <div v-else>
                 <div class="container">
                     <section class="section">
@@ -44,6 +44,9 @@ export default defineComponent({
     created() {
         this.store.fetchClientConfig();
         this.fetchData();
+    },
+    mounted() {
+
     },
     methods: {
         async fetchData() {
@@ -65,7 +68,7 @@ export default defineComponent({
             }
 
             if (!response.data || !response.data.data) {
-                alert("No data received");
+                alert("No data received for settings");
                 return;
             }
 
@@ -87,4 +90,5 @@ export default defineComponent({
         JobStatus
     },
 });
+
 </script>

client-vue/vite.config.ts

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import path from 'path'
@@ -16,4 +17,10 @@ export default defineConfig({
       '@common': path.resolve(__dirname, '..', 'common'),
     },
   },
+  server: {
+    port: 8081,
+    proxy: {
+      '/api': 'http://localhost:8080',
+    },
+  },
 })