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,9 +1,11 @@
 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 }) => {
+  const env = loadEnv(mode, process.cwd(), "");
+  return {
     plugins: [vue()],
     resolve: {
       alias: {
@@ -14,4 +16,8 @@ export default defineConfig({
       host: "127.0.0.1",
       cors: true,
     },
+    define: {
+      "import.meta.env.VITE_POCKETBASE_BASE_ROUTE": JSON.stringify(env.VITE_POCKETBASE_BASE_ROUTE),
+    },
+  };
 });