interceptors

src/api.tsx

@@ -16,4 +16,15 @@ api.interceptors.request.use((config) => {
     return config;
 }, (err) => Promise.reject(err));
 
+api.interceptors.response.use(
+    (response) => response,
+    (error) => {
+        if (error.response && error.response.status === 401) {
+            localStorage.removeItem('token');
+            window.location.href = '/login';
+        }
+        return Promise.reject(error);
+    }
+)
+
 export default  api;

src/routes/Home.tsx

@@ -1,8 +1,17 @@
 import HeaderMenu from "../components/UI/HeaderMenu.tsx";
+import {useEffect, useState} from "react";
+import api from "../api.tsx";
 
 function Home() {
+  const [message,setMessage] = useState('');
+  useEffect(() => {
+    api.get('test/hello').then((response) => {
+      setMessage(response.data.message);
+    })
+  }, [message])
   return <>
     <HeaderMenu />
+    { message }
     <h1 className="font-bold underline">Home</h1>
   </>
 }