@userfrosting/sprinkle-core/app/assets/composables/useAxiosInterceptor.ts

Core Sprinkle for UserFrosting

import axios from 'axios'
import { useAlertsStore } from '../stores/useAlertsStore'
import { Severity } from '../interfaces'

/**
 * Axios Error Handler
 *
 * This composable sets up an Axios interceptor to handle errors globally using
 * the Alerts store. It sends the error to the Alerts store, unless it's a 401
 * error.
 *
 * @see https://axios-http.com/docs/interceptors
 */
export const useAxiosInterceptor = () => {
    axios.interceptors.response.use(
        (response) => response,
        (error) => {
            if (error.response.status !== 401) {
                const alertStore = useAlertsStore()
                alertStore.push({
                    title: error.response.data.title ?? error.response?.statusText,
                    description: error.response?.data?.description ?? error.message,
                    style: Severity.Danger
                })
            }

            return Promise.reject(error)
        }
    )
}