ancora su Typescript...

suddiviso i ts dai html e scss

src/common/axios.ts

@@ -0,0 +1,62 @@
+import {
+  default as Axios,
+  AxiosError,
+  AxiosRequestConfig,
+  AxiosResponse
+} from "axios";
+import { default as VueRouter } from "vue-router";
+import { TokenHelper } from "./token-helper";
+
+let initialized: boolean = false;
+
+interface IRequestConfig extends AxiosRequestConfig {
+  ignore: number[];
+}
+
+function handle(status: number, exclude: number[]) {
+  if (exclude.length === 0) return true;
+  else return exclude.find(o => o === status) === undefined;
+}
+
+export function UseAxios(router: VueRouter) {
+  if (!initialized) {
+    Axios.interceptors.request.use((config: IRequestConfig) => {
+      if (!config.headers["Authorization"]) {
+        // append authorization header
+        let bearerToken = TokenHelper.getBearerToken();
+
+        if (bearerToken.Authorization)
+          Object.assign(config.headers, bearerToken);
+      }
+
+      if (!config.maxRedirects || config.maxRedirects === 5)
+        // ensure axios does not follow redirects, so custom response interceptor below can push to app login page
+        config.maxRedirects = 0;
+
+      return config;
+    });
+
+    Axios.interceptors.response.use(undefined, (config: AxiosError) => {
+      let response: AxiosResponse = config.response;
+      let exclude = (<IRequestConfig>config.config).ignore || [];
+
+      if (response.status === 401 && handle(response.status, exclude)) {
+        let location: string =
+          response.headers["location"] || response.headers["Location"];
+
+        if (location) {
+          let redirectTo = "/" + location;
+          window.setTimeout(() => router.replace(redirectTo), 200);
+        }
+      }
+
+      if (response.status === 403 && handle(response.status, exclude)) {
+        window.setTimeout(() => router.replace("/forbidden"), 200);
+      }
+
+      return config;
+    });
+
+    initialized = true;
+  }
+}