Фронтенд: относительный путь для api

Author: DedSec256

docker-compose.override.yml

@@ -17,7 +17,6 @@ services:
       dockerfile: ./Dockerfile
       args:
         - VITE_YANDEX_METRICA_ID=${YANDEX_METRICA_ID}
-        - VITE_BASE_PATH=https://hwproj.ru
 
   rabbitmq:
     container_name: rabbitmq

hwproj.front/.env

@@ -1,4 +1,3 @@
 # Переменные, необходимые  для локального запуска в режиме разработки (npm run dev)
-VITE_BASE_PATH=http://localhost:5000
 VITE_YANDEX_METRICA_ID=101061418
 WDS_SOCKET_PORT=0

hwproj.front/Dockerfile

@@ -16,7 +16,6 @@ COPY . .
 # Устанвливаем переменные для production-сборки
 # Актуальные значения подтягиваются из docker-compose.override.yml
 ARG VITE_YANDEX_METRICA_ID
-ARG VITE_BASE_PATH
 
 # Собираем статику в /usr/src/app/dist
 RUN npm run build

hwproj.front/src/api/ApiSingleton.ts

@@ -57,7 +57,20 @@ class Api {
     }
 }
 
-const basePath = import.meta.env.VITE_BASE_PATH
+function getApiBase(): string {
+    const {protocol, hostname, port} = window.location;
+
+    const isLocal =
+        hostname === "localhost" ||
+        hostname === "127.0.0.1" ||
+        hostname === "::1";
+
+    const effectivePort = isLocal ? "5000" : (port || "");
+
+    return `${protocol}//${hostname}${effectivePort ? `:${effectivePort}` : ""}`
+}
+
+const basePath = getApiBase()
 const authService = new AuthService()
 
 let ApiSingleton: Api;