Get api url from env

.env

@@ -0,0 +1 @@
+VITE_API_URL=https://postnet.dev.selftech.ru

.env.local.example

@@ -0,0 +1 @@
+VITE_API_URL=https://postnet.dev.selftech.ru

src/api.js

@@ -4,13 +4,13 @@ import { STATUSES } from "./config";
 import { usePointSelection } from "./stores/usePointSelection";
 import { usePendingPointsFilters } from "./stores/usePendingPointsFilters";
 
-export const BASE_URL = "https://postnet-dev.selftech.ru";
+export const BASE_URL = import.meta.env.VITE_API_URL;
 
 export const api = axios.create({
   baseURL:
     import.meta.env.MODE === "development"
       ? "http://localhost:5173/"
-      : `${BASE_URL}/`,
+      : BASE_URL,
   withCredentials: true,
   xsrfHeaderName: "X-CSRFToken",
   xsrfCookieName: "csrftoken",

vite.config.ts

@@ -1,28 +1,30 @@
-import { defineConfig } from "vite";
+import { defineConfig, loadEnv } from "vite";
 import react from "@vitejs/plugin-react";
 import svgr from "vite-plugin-svgr";
 
-const BASE_URL = "https://postnet-dev.selftech.ru/";
+export default defineConfig(({ mode }) => {
+  // @ts-ignore
+  const env = loadEnv(mode, process.cwd());
 
-// https://vitejs.dev/config/
-export default defineConfig({
-  base: "/",
-  plugins: [svgr(), react()],
-  server: {
-    proxy: {
-      "/account": BASE_URL,
-      "/api": BASE_URL,
+  return {
+    base: "/",
+    plugins: [svgr(), react()],
+    server: {
+      proxy: {
+        "/account": env.VITE_API_URL,
+        "/api": env.VITE_API_URL,
+      },
     },
-  },
-  css: {
-    preprocessorOptions: {
-      less: {
-        modifyVars: {
-          "primary-color": "#CC2222FF",
-          "border-radius-base": "5px",
+    css: {
+      preprocessorOptions: {
+        less: {
+          modifyVars: {
+            "primary-color": "#CC2222FF",
+            "border-radius-base": "5px",
+          },
+          javascriptEnabled: true,
         },
-        javascriptEnabled: true,
       },
     },
-  },
+  };
 });