chore: axios and apiConfig added

client/package.json

@@ -15,6 +15,7 @@
     "@emotion/styled": "^11.8.1",
     "@mui/icons-material": "^5.6.2",
     "@mui/material": "^5.6.2",
+    "axios": "^1.7.2",
     "next": "12.1.5",
     "react": "18.0.0",
     "react-dom": "18.0.0",

client/src/utils/apiConfig.ts

@@ -0,0 +1,36 @@
+import axios from 'axios'
+
+const baseURL = process.env.NEXT_PUBLIC_BASE_URL
+
+export const axiosInstance = axios.create({
+  baseURL: baseURL,
+  // header will be added later
+})
+
+// Add a request interceptor
+axiosInstance.interceptors.request.use(
+  function (config) {
+    // Do something before request is sent
+    // For example, you can add authorization token here
+    // config.headers.Authorization = `Bearer ${token}`;
+    return config
+  },
+  function (error) {
+    // Do something with request error
+    return Promise.reject(error)
+  }
+)
+
+// Add a response interceptor
+axiosInstance.interceptors.response.use(
+  function (response) {
+    // Any status code that lie within the range of 2xx cause this function to trigger
+    // Do something with response data
+    return response
+  },
+  function (error) {
+    // Any status codes that falls outside the range of 2xx cause this function to trigger
+    // Do something with response error
+    return Promise.reject(error)
+  }
+)