Actually use the URL from .env

Dockerfile

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

docker-compose.yml

@@ -7,7 +7,7 @@ services:
       dockerfile: Dockerfile
 
       args: 
-        VITE_POCKETBASE_BASE_ROUTE: "$VITE_POCKETBASE_BASE_ROUTE"
+        VITE_POCKETBASE_URL: "$VITE_POCKETBASE_URL"
 
     ports:
       - "${DOXFOOD_SERVER_PORT:-9000}:80"

src/pocketbase.ts

@@ -1,7 +1,7 @@
 import PocketBase from "pocketbase";
 import { ref } from "vue";
 
-export const pb = new PocketBase("http://127.0.0.1:8080");
+export const pb = new PocketBase(import.meta.env.VITE_POCKETBASE_URL);
 
 export const currentUser = ref();
 

vite-env.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_POCKETBASE_URL: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}

vite.config.ts

@@ -17,7 +17,7 @@ export default defineConfig(({ mode }) => {
       cors: true,
     },
     define: {
-      "import.meta.env.VITE_POCKETBASE_BASE_ROUTE": JSON.stringify(env.VITE_POCKETBASE_BASE_ROUTE),
+      "import.meta.env.VITE_POCKETBASE_URL": JSON.stringify(env.VITE_POCKETBASE_URL),
     },
   };
 });