axios에 전역에러처리하기 #global #error #catch #error

# What?

- axios 후 에러있을때마다 공통으로 해주는 작업이 있을 때 전역처리하는법

 

# How?

npm install @nuxtjs/axios

@ plugins/axios.js

export default function ({ $axios, redirect, store }) {
    $axios.onError(error => {
        if(error.response.status == 401)
            return null;

        // store.commit('setPop', error.message);
        if(error.response.status == 422)
            return alert("입력값을 확인해주세요.");

        if(error.response.data && error.response.data.message)
            return alert(error.response.data.message);
    })
}

@ nuxt.config.js

   plugins: [
        {
            src: "~plugins/axios.js"
        }
    ],
    modules: [
        "@nuxtjs/axios",
    ],