Ошибка возникает бесконечно на nuxt ax ios. Что я сделал не так?

Question

В настоящее время я работаю над проектом с nuxt, и я передаю данные с помощью ax ios.

Однако, если в Ax ios возникает ошибка, он запрашивает Ax ios на неопределенный срок и останавливается .

Если я сделаю неправильный запрос Ax ios, я хочу, чтобы сразу же вернулась ошибка. Что я сделал не так?

The error 'cannot read property 'length' of undefined' occurs at first. And there's an infinite number of errors 'cannot read property 'data' of undefined'

This is code written in plugin.

import SecureLS from 'secure-ls'

export default function({ app, $axios, store }) {
  if (process.client) {
    const ls = new SecureLS({
      encodingType: 'aes',
      encryptionSecret: 'key'
    })
    $axios.defaults.timeout = 3000
    $axios.onRequest((config) => {
      if (ls.get('key')) {
        config.headers.common['X-Token'] = `token ${ls.get('key')}`
      }
    })
    $axios.onError((error) => {
      if (
        error.response.data &&
        error.response.data.detail === 'email confirmed required.'
      ) {
        app.router.push({ name: 'check' })
      }
    })
  }
}