fix: use process.env for VITE_API_URI

Author: fabiovincenzi

src/ui/services/user.ts

@@ -4,8 +4,7 @@ import { UserData } from '../../types/models';
 
 type SetStateCallback<T> = (value: T | ((prevValue: T) => T)) => void;
 
-const baseUrl: string = process.env.VITE_API_URI || location.origin;
-
+const baseUrl = process.env.VITE_API_URI || location.origin;
 const config = {
   withCredentials: true,
 };

vite.config.ts

@@ -1,12 +1,18 @@
-import { defineConfig } from 'vite';
+import { defineConfig, loadEnv } from 'vite';
 import react from '@vitejs/plugin-react';
 
-export default defineConfig({
-  build: {
-    outDir: 'build',
-  },
-  server: {
-    port: 3000,
-  },
-  plugins: [react()],
-});
+export default ({ mode }: { mode: string }) => {
+  const env = loadEnv(mode, process.cwd(), '');
+  return defineConfig({
+    build: {
+      outDir: 'build',
+    },
+    server: {
+      port: 3000,
+    },
+    plugins: [react()],
+    define: {
+      'process.env': JSON.stringify(env),
+    },
+  });
+};