feat: update Vite configuration to load environment variables for backend host

frontend/vue-app/vite.config.ts

@@ -1,33 +1,32 @@
 import { fileURLToPath, URL } from 'node:url'
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import vue from '@vitejs/plugin-vue'
-//import vueDevTools from 'vite-plugin-vue-devtools'
 import fs from 'fs'
 
-export default defineConfig({
-  plugins: [vue() /*vueDevTools()*/],
-  server: {
-    host: '0.0.0.0',
-    https: {
-      key: fs.readFileSync('./192.168.1.102+1-key.pem'),
-      cert: fs.readFileSync('./192.168.1.102+1.pem'),
-    },
-    proxy: {
-      '/api': {
-        target: 'http://192.168.1.219:5000',
-        changeOrigin: true,
-        rewrite: (p) => p.replace(/^\/api/, ''),
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '')
+  const backendHost = env.VITE_BACKEND_HOST ?? '192.168.1.219'
+
+  return {
+    plugins: [vue()],
+    server: {
+      host: '0.0.0.0',
+      https: {
+        key: fs.readFileSync('./192.168.1.102+1-key.pem'),
+        cert: fs.readFileSync('./192.168.1.102+1.pem'),
       },
-      '/events': {
-        target: 'http://192.168.1.219:5000',
-        changeOrigin: true,
-        secure: false,
+      proxy: {
+        '/api': {
+          target: `http://${backendHost}:5000`,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/api/, ''),
+        },
       },
     },
-  },
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    resolve: {
+      alias: {
+        '@': fileURLToPath(new URL('./src', import.meta.url)),
+      },
     },
-  },
+  }
 })