axios interceptors, middleware change, logger formatting, CORS

axios.js

@@ -1,6 +1,7 @@
 const axios = require('axios');
 
 const { baseAPIURL, accountsAPIURL } = require("./constants");
+const logger = require('./utils/logger')(module);
 
 const authInstance = axios.default.create({
 	baseURL: accountsAPIURL,
@@ -19,6 +20,49 @@ const axiosInstance = axios.default.create({
 	},
 });
 
+axiosInstance.interceptors.request.use(request => {
+	logger.info("API call", {
+		url: request.url,
+		params: request.params,
+	});
+	return request;
+})
+
+axiosInstance.interceptors.response.use(
+	(response) => response,
+	(error) => {
+		if (error.response) {
+			// Server has responded
+			logger.error(
+				"API: Error", {
+				response: {
+					status: error.response.status,
+					statusText: error.response.statusText,
+					data: error.response.data
+				}
+			});
+		} else if (error.request) {
+			// The request was made but no response was received
+			logger.error(
+				"API: No response", {
+				request: {
+					url: error.request?.url,
+					params: error.request?.params,
+				}
+			});
+		} else {
+			// Something happened in setting up the request that triggered an Error
+			logger.error(
+				"API: Request error", {
+				error: {
+					message: error.message,
+				}
+			});
+		}
+		return Promise.reject(error);
+	}
+)
+
 module.exports = {
 	authInstance,
 	axiosInstance,