Nuxt隐藏401请求上的错误弹出窗口

时间:2019-01-08 13:32:38

标签: javascript vue.js vuejs2 axios nuxt.js

当我在创建的应用程序中更改用户名时。在下一次通话中,我的后端返回401代码,因为您需要再次进行身份验证。这是因为jwt令牌部分基于用户名。

在我的axios插件中,我重定向到登录页面:

  $axios.onError(error => {
    const code = parseInt(error.response && error.response.status)
    if (code === 401 || code === 403) {
      app.$auth.logout()
    } else {
      store.commit('snackbar/show', {
        'text': 'Something went wrong',
        'color': 'red'
      })
    }
  })

这是注销功能,称为:

logout () {
  app.$cookies.remove(this.KEY_NAME)

  store.commit('removeToken')
  const path = app.localePath({ name: 'index' })
  if (process.browser) {
    app.router.push(path)
  } else {
    redirect(path)
  }
}

它确实将我重定向到登录页面,但是它保持错误弹出窗口,如下图所示:

正常登录页面: Normal login page

使用401重定向后的登录页面: Login after redirect with 401

我也尝试了go方法,但是它仍然有效,但是我仍然看到错误弹出消息,并且我不想以通常的方式注销时调用go。

由于我正在处理,有没有办法隐藏此错误或忽略此错误?

0 个答案:

没有答案