import axios implementation with auth interceptor

Author: oahmedqureshi

frontend/src/context/AuthContext.jsx

@@ -42,11 +42,9 @@ export function AuthProvider({ children }) {
             setLoading(false)
             if(user) {
 
-                const { token } = await user.getIdTokenResult()
-                
                 const payload = {}
                 userServices
-                    .currentUser(payload, token)
+                    .currentUser(payload)
                     .then(res => {
                         console.log('res: ', res);
                     })

frontend/src/services/ApiService/index.js

@@ -1,8 +1,28 @@
 import axios from "axios";
+import { auth } from '../../firebase'
 
 const ApiService = (
     function (){
+        const axiosAuth = axios.create({
+            baseURL: import.meta.env.VITE_BASE_URL
+        })
+
+        const axiosPublic = axios.create({
+            baseURL: import.meta.env.VITE_BASE_URL
+        })
 
+        axiosAuth.interceptors.request.use(
+            async (config) => {
+                let user = await auth.currentUser
+                config.headers.token = user ? await user.getIdToken(true): ''
+
+                return config
+            },
+            (error) => {
+                return Promise.reject(error)
+            }
+        )
+
         /**
          * e.g Make a request for a user (url) with a given ID axios.get('/user?ID=12345')
          * Optionally the request above could also be done as
@@ -12,17 +32,17 @@ const ApiService = (
          *   }
          * })
          */
-        function get(url, params) {
-            return axios.get(url, { params })
+        function getWithAuth(url, params) {
+            return axiosAuth.get(url, { params })
         }
 
-        function post(url, payload, headers) {
-            return axios.post(url, payload, { headers });
+        function postWithAuth(url, payload, headers) {
+            return axiosAuth.post(url, payload, { headers });
         }
 
         return {
-            post,
-            get
+            postWithAuth,
+            getWithAuth
         }
     }
 )()

frontend/src/services/user/index.js

@@ -4,12 +4,9 @@ export const userServices = (
         const BASE_URL = 'http://localhost:3200'
 
         // current user
-        function currentUser (payload, token) {
-            const url = `${BASE_URL}/current-user`
-            const headers = {
-                    token: token
-                }
-            return ApiService.post(url, payload, headers)
+        function currentUser (payload) {
+            const url = `/current-user`
+            return ApiService.postWithAuth(url, payload)
         }
 
         return {