Switched to MPA powered by Razor Pages

After reconsidering where I want to take this project, I realized that a MPA is more fitting.

Props/assets/js/services/http.js

@@ -0,0 +1,23 @@
+import axios from "axios";
+
+let currentAuthorizationInterceptorID = null;
+
+const apiHttp = axios.create({
+    baseURL: window.location.origin + "/api",
+    timeout: 3000,
+});
+
+function addBearerTokenInterceptor(token) {
+    currentAuthorizationInterceptorID = apiHttp.interceptors.request.use((config) => {
+        config.headers.Authorization = `Bearer ${token}`;
+        return config;
+    }, (err) => {
+        console.error(err);
+    });
+}
+
+function removeBearerTokenInterceptor() {
+    apiHttp.interceptors.request.eject(currentAuthorizationInterceptorID);
+}
+
+export { apiHttp, addBearerTokenInterceptor, removeBearerTokenInterceptor };