diff --git a/front_end/src/api.ts b/front_end/src/api.ts
index 4d68e7b..2853924 100644
--- a/front_end/src/api.ts
+++ b/front_end/src/api.ts
@@ -1,16 +1,24 @@
 import axios from "axios";
 
+import keycloak from "./keycloak";
+
+
 const api = axios.create({
     // backend listens on 8081 and controllers are mounted at root (no /api prefix)
     baseURL: "http://localhost:8081",
     headers: {
         "Content-Type": "application/json",
     },
+    withCredentials: true,
 });
 
 // Simple interceptor to ensure headers object exists; actual token should be set via setAuthToken()
 api.interceptors.request.use((config) => {
-    if (!config.headers) config.headers = {};
+    if (keycloak?.token) {
+        // eslint-disable-next-line no-param-reassign
+        config.headers.Authorization = `Bearer ${keycloak.token}`;
+        console.log(config.headers.Authorization);
+    }
     return config;
 });