import axios, {AxiosError, AxiosInstance} from 'axios'; import {ServerApplicationCredentials} from "@/store/types"; // This token is set in the bootstrap.js file at the beginning of the request // and is carried through from there. // const token: string = ''; const http: AxiosInstance = axios.create({ headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json', 'Content-Type': 'application/json', }, }); // If we have a phpdebugbar instance registered at this point in time go // ahead and route the response data through to it so things show up. // @ts-ignore if (typeof window.phpdebugbar !== 'undefined') { http.interceptors.response.use(response => { // @ts-ignore window.phpdebugbar.ajaxHandler.handle(response.request); return response; }); } export default http; /** * Creates a request object for the node that uses the server UUID and connection * credentials. Basically just a tiny wrapper to set this quickly. */ export function withCredentials(server: string, credentials: ServerApplicationCredentials): AxiosInstance { http.defaults.baseURL = credentials.node; http.defaults.headers['X-Access-Server'] = server; http.defaults.headers['X-Access-Token'] = credentials.key; return http; } /** * Converts an error into a human readable response. Mostly just a generic helper to * make sure we display the message from the server back to the user if we can. */ export function httpErrorToHuman(error: any): string { if (error.response && error.response.data) { const { data } = error.response; if (data.errors && data.errors[0] && data.errors[0].detail) { return data.errors[0].detail; } } return error.message; }