Token löschen für vollständigen Logout

frontend/src/components/LogoutButton.jsx

@@ -1,16 +1,20 @@
 import { useNavigate } from 'react-router-dom';
+import axios from '../services/api';
 
 function LogoutButton() {
   const navigate = useNavigate();
 
-  const logout = () => {
-    localStorage.clear();
-    navigate('/login');
+  const logout = async () => {
+    try {
+      await axios.post('/logout'); // sendet POST an /api/logout
+    } catch (err) {
+      console.warn('Logout-Request fehlgeschlagen, ignoriere...');
+    }
+    localStorage.clear(); // entfernt token + role
+    window.location.href = '/login'; // harter Redirect
   };
 
-  return (
-    <button onClick={logout}>Logout</button>
-  );
+  return <button onClick={logout}>Logout</button>;
 }
 
 export default LogoutButton;

frontend/src/services/api.js

@@ -1,7 +1,7 @@
 import axios from 'axios';
 
 const instance = axios.create({
-  baseURL: import.meta.env.VITE_API_URL || 'http://127.0.0.1:5000/api',
+  baseURL: import.meta.env.VITE_API_URL,
 });
 
 instance.interceptors.request.use(config => {