Added backend URL to .env configuration.

Dockerfile

@@ -2,6 +2,10 @@
 FROM node:16-alpine as build
 WORKDIR /app
 
+# Assign environments variables
+ARG VITE_POCKETBASE_BASE_ROUTE
+ENV VITE_POCKETBASE_BASE_ROUTE=${VITE_POCKETBASE_BASE_ROUTE}
+
 COPY package.json ./
 RUN ["npm", "install"]
 COPY . .

docker-compose.yml

@@ -6,6 +6,9 @@ services:
       context: .
       dockerfile: Dockerfile
 
+      args: 
+        VITE_POCKETBASE_BASE_ROUTE: "$VITE_POCKETBASE_BASE_ROUTE"
+
     ports:
       - "${DOXFOOD_SERVER_PORT:-9000}:80"
 

vite.config.ts

@@ -1,17 +1,23 @@
 import { fileURLToPath, URL } from "node:url";
-import { defineConfig } from "vite";
+import { defineConfig, loadEnv } from "vite";
 import vue from "@vitejs/plugin-vue";
 
 // https://vitejs.dev/config/
-export default defineConfig({
+export default defineConfig(({ mode }) => {
-  plugins: [vue()],
+  const env = loadEnv(mode, process.cwd(), "");
-  resolve: {
+  return {
-    alias: {
+    plugins: [vue()],
-      "@": fileURLToPath(new URL("./src", import.meta.url)),
+    resolve: {
+      alias: {
+        "@": fileURLToPath(new URL("./src", import.meta.url)),
+      },
     },
-  },
+    server: {
-  server: {
+      host: "127.0.0.1",
-    host: "127.0.0.1",
+      cors: true,
-    cors: true,
+    },
-  },
+    define: {
+      "import.meta.env.VITE_POCKETBASE_BASE_ROUTE": JSON.stringify(env.VITE_POCKETBASE_BASE_ROUTE),
+    },
+  };
 });