diff --git a/frontend/app/composables/useApi.ts b/frontend/app/composables/useApi.ts
new file mode 100644
index 0000000..32cbe77
--- /dev/null
+++ b/frontend/app/composables/useApi.ts
@@ -0,0 +1,20 @@
+// composables/useApi.js
+import axios from 'axios';
+
+export const useApi = () => {
+    const config = useRuntimeConfig();
+
+    const server = axios.create({
+        baseURL: config.public.apiBaseUrl,
+    });
+
+    server.interceptors.request.use((cfg) => {
+        const token = localStorage.getItem('token');
+        if (token) {
+            cfg.headers.Authorization = `Bearer ${token}`;
+        }
+        return cfg;
+    });
+
+    return server;
+};
\ No newline at end of file
diff --git a/frontend/app/services/Server.js b/frontend/app/services/Server.js
index 698422d..61a3110 100644
--- a/frontend/app/services/Server.js
+++ b/frontend/app/services/Server.js
@@ -1,9 +1,7 @@
 import axios from 'axios';
 
-import { backendUrl } from './BackendURL';
-
 const server = axios.create({
-    baseURL: backendUrl,
+    baseURL: import.meta.env.API_BASE_URL || 'http://localhost:5000/api',
     headers: {
         "Access-Control-Allow-Origin": "*",
     }