How Can I use error function in Nuxt Plugin?

Question

I'm using Nuxt and axios-module.

I trying to global error handling by axios global interceptor.

How Can I use error function in Nuxt Plugin?

// ~/plugins/axios.js

export default function ({ $axios, store, redirect, error }) {
 $axios
 .onError(apiError => {
   error({statusCode: '403', message: 'test'}) // It's not work.
   redirect('http://google.com') // It's work.
  })
}

redirect is working. but error not work. just display server error page.

Answer 1

Now it's available in @nuxtjs/axios Helper 🎉

export default function ({ $axios, error: nuxtError }) {
  $axios.onError(error => {
    nuxtError({
      statusCode: error.response.status,
      message: error.message,
    });
    return Promise.resolve(false);
  })
}

Answer 2

I have the same problem.

After checking my code.I found that when you request data only once in asyncData method, the error methods in plugin works. However, if you request several times, error method may not work. This method cannot stop returning data in asyncData method.

So, my solution is check the response both in the axios plugin you build and also check the response when you request several api with promise.all(). if not qualified, stop return data.