Zaklad ssr

src/boot/axios.js

@@ -2,6 +2,7 @@ import {boot} from 'quasar/wrappers'
 import axios from 'axios'
 import {useUserStore} from "stores/User";
 
+
 const api = axios.create({
   baseURL: process.env.API_URL,
   withCredentials: true,
@@ -12,37 +13,38 @@ const api = axios.create({
   },
 })
 
-api.interceptors.request.use((config) => {
-  const token = useUserStore().getAccessToken();
-  if (token) {
-    config.headers['Authorization'] = `Bearer ${token}`
-  }
+export default boot(({app, store}) => {
 
-  if (['/refresh', '/login'].includes(config.url)) {
-    delete config.headers['Authorization'];
-  }
+  api.interceptors.request.use((config) => {
+    const token = useUserStore(store).getAccessToken();
+    if (token) {
+      config.headers['Authorization'] = `Bearer ${token}`
+    }
 
-  return config;
-})
+    if (['/refresh', '/login'].includes(config.url)) {
+      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 && !['/refresh', '/login'].includes(originalRequest.url)) {
-    const newToken = await useUserStore().refreshAccessToken().catch(err => {
-      console.error(err);
-      return Promise.reject("Logged out");
-    })
-    api.defaults.headers.common['Authorization'] = 'Bearer ' + newToken;
-    return api(originalRequest);
-  }
-  return Promise.reject(error);
-});
+  api.interceptors.response.use((response) => {
+    return response
+  }, async function (error) {
+    const originalRequest = error.config;
+    if (error.response.status === 401 && !['/refresh', '/login'].includes(originalRequest.url)) {
+      const newToken = await useUserStore(store).refreshAccessToken().catch(err => {
+        console.error(err);
+        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