Prace s mapou, refresh tokenu (tak nejak), uprava vypisu POI, pridani breadcrumbs

src/boot/axios.js

@@ -1,7 +1,8 @@
 import {boot} from 'quasar/wrappers'
 import axios from 'axios'
+import {useUserStore} from "stores/User";
+import {useRouter} from "vue-router";
 
-const accessToken = localStorage.getItem("accessToken")
 const api = axios.create({
   baseURL: 'http://localhost:8000',
   withCredentials: true,
@@ -12,10 +13,42 @@ const api = axios.create({
   },
 })
 
+api.interceptors.request.use((config) => {
+  const token = useUserStore().getAccessToken();
+  if (token) {
+    config.headers['Authorization'] = `Bearer ${token}`
+  }
+
+  if (config.url === '/refresh') {
+    delete config.headers['Authorization'];
+  }
+
+  return config;
+})
+
+// Response interceptor for API calls
+api.interceptors.response.use((response) => {
+  return response
+}, async function (error) {
+  const originalRequest = error.config;
+  if (error.response.status === 401 && !originalRequest._retry) {
+    originalRequest._retry = true;
+    const newToken = await useUserStore().refreshAccessToken().catch(err => {
+      console.error(err);
+      useRouter().push({to: "login"});
+      return Promise.reject("Logged out");
+    })
+    api.defaults.headers.common['Authorization'] = 'Bearer ' + newToken;
+    return api(originalRequest);
+  }
+  return Promise.reject(error);
+});
+
+
 export default boot(({app}) => {
   // for use inside Vue files (Options API) through this.$axios and this.$api
 
-  app.config.globalProperties.$axios = axios
+  // app.config.globalProperties.$axios = axios
   // ^ ^ ^ this will allow you to use this.$axios (for Vue Options API form)
   //       so you won't necessarily have to import axios in each vue file