fix/use-env-api-url

Aravind-Kumar-M · web-flow · commit 7c7c9ee8405b · 2026-03-11T00:23:23.000+05:30
diff --git a/frontend/src/components/Home.jsx b/frontend/src/components/Home.jsx
@@ -4,6 +4,7 @@ import '../App.css';
 import { auth, provider } from '../Firebase';
 import { signInWithPopup } from 'firebase/auth';
 
+const API_URL = process.env.VITE_API_URL || '';
 
 const Home = () => {
   const navigate = useNavigate();
@@ -16,7 +17,7 @@ const Home = () => {
         avatar: result.user.photoURL,
       };
 
-      const res = await fetch('/api/auth/login', {
+      const res = await fetch(`${API_URL}/api/auth/login`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify(userData),
diff --git a/frontend/src/components/Login.jsx b/frontend/src/components/Login.jsx
@@ -4,6 +4,8 @@ import { auth, provider } from '../Firebase';
 import { signInWithPopup } from 'firebase/auth';
 import '../App.css';
 
+const API_URL = process.env.VITE_API_URL || '';
+
 const Login = () => {
   const navigate = useNavigate();
   const handleMicrosoftLogin = async () => {
@@ -14,7 +16,7 @@ const Login = () => {
         email: result.user.email,
         avatar: result.user.photoURL,
       };
-      const res = await fetch('/api/auth/login', {
+      const res = await fetch(`${API_URL}/api/auth/login`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify(userData),
diff --git a/frontend/src/services/classroomService.js b/frontend/src/services/classroomService.js
@@ -1,6 +1,6 @@
 import axios from 'axios';
 
-const API_BASE_URL = 'http://localhost:3000/api/rooms';
+const API_BASE_URL = `${process.env.VITE_API_URL || 'http://localhost:3000'}/api/rooms`;
 
 // Configure axios defaults
 const axiosInstance = axios.create({
diff --git a/frontend/src/services/constraintService.js b/frontend/src/services/constraintService.js
@@ -1,4 +1,4 @@
-const API_URL = import.meta.env.VITE_API_URL || 'http://localhost:3000';
+const API_URL = process.env.VITE_API_URL || 'http://localhost:3000';
 
 export const constraintService = {
     // Get all constraints
diff --git a/frontend/src/services/courseAssignmentService.js b/frontend/src/services/courseAssignmentService.js
@@ -1,6 +1,6 @@
 import axios from 'axios';
 
-const API_URL = 'http://localhost:3000/api/timetable';
+const API_URL = `${process.env.VITE_API_URL || 'http://localhost:3000'}/api/timetable`;
 
 // Configure axios instance with credentials
 const axiosInstance = axios.create({
diff --git a/frontend/src/services/courseService.js b/frontend/src/services/courseService.js
@@ -1,6 +1,6 @@
 import axios from 'axios';
 
-const API_BASE_URL = 'http://localhost:3000/api/courses';
+const API_BASE_URL = `${process.env.VITE_API_URL || 'http://localhost:3000'}/api/courses`;
 
 // Configure axios defaults
 const axiosInstance = axios.create({
diff --git a/frontend/src/services/dashboardService.js b/frontend/src/services/dashboardService.js
@@ -1,6 +1,6 @@
 import axios from 'axios';
 
-const API_BASE_URL = 'http://localhost:3000/api/dashboard';
+const API_BASE_URL = `${process.env.VITE_API_URL || 'http://localhost:3000'}/api/dashboard`;
 
 // Configure axios defaults
 const axiosInstance = axios.create({
diff --git a/frontend/src/services/facultyService.js b/frontend/src/services/facultyService.js
@@ -1,6 +1,6 @@
 import axios from 'axios';
 
-const API_BASE_URL = 'http://localhost:3000/api/faculty';
+const API_BASE_URL = `${process.env.VITE_API_URL || 'http://localhost:3000'}/api/faculty`;
 
 // Configure axios defaults
 const axiosInstance = axios.create({
diff --git a/frontend/src/services/generatorService.js b/frontend/src/services/generatorService.js
@@ -1,6 +1,6 @@
 import axios from 'axios';
 
-const API_URL = 'http://localhost:3000/api/generator';
+const API_URL = `${process.env.VITE_API_URL || 'http://localhost:3000'}/api/generator`;
 
 // Validate a timetable against constraints
 export const validateTimetable = async (courseAssignmentId) => {
diff --git a/frontend/src/services/leaveRequestService.js b/frontend/src/services/leaveRequestService.js
@@ -1,6 +1,6 @@
 import axios from 'axios';
 
-const API_URL = 'http://localhost:3000/api/leave-requests';
+const API_URL = `${process.env.VITE_API_URL || 'http://localhost:3000'}/api/leave-requests`;
 
 // Create a new leave request
 export const createLeaveRequest = async (leaveData) => {
diff --git a/frontend/src/services/timetableService.js b/frontend/src/services/timetableService.js
@@ -1,4 +1,4 @@
-const API_URL = import.meta.env.VITE_API_URL || 'http://localhost:3000';
+const API_URL = process.env.VITE_API_URL || 'http://localhost:3000';
 
 export const timetableService = {
     // Get all timetables
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
@@ -1,16 +1,22 @@
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import react from '@vitejs/plugin-react'
 
 // https://vite.dev/config/
-export default defineConfig({
-  plugins: [react()],
-  server: {
-    proxy: {
-      '/api': {
-        target: process.env.BACKEND_URL || 'http://localhost:3000',
-        changeOrigin: true,
-        secure: false,
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '');
+  return {
+    plugins: [react()],
+    define: {
+      'process.env.VITE_API_URL': JSON.stringify(env.VITE_API_URL || ''),
+    },
+    server: {
+      proxy: {
+        '/api': {
+          target: env.BACKEND_URL || 'http://localhost:3000',
+          changeOrigin: true,
+          secure: false,
+        },
       },
     },
-  },
+  }
 })

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-const API_URL = import.meta.env.VITE_API_URL \|\| 'http://localhost:3000';`
	`1`	`+const API_URL = process.env.VITE_API_URL \|\| 'http://localhost:3000';`
`2`	`2`
`3`	`3`	`export const constraintService = {`
`4`	`4`	`// Get all constraints`