如何解决Nuxt auth.onError事件处理程序在错误时触发两次
我有这个plugins/error-checking.js插件：
export default function ({ store,app: { $auth } }) {
let i = 1
console.log('called',i)
$auth.onError((error) => {
console.log('i value:',i)
i++
console.log('error in plugin:',error.response.status)
store.dispatch('messages/createErrorMessage','Unauthorized')
})
}
auth的{{1}}模块中包含的：
nuxt.config.js我在 auth: {
plugins: [
{
src: '~/plugins/error-checking.js',mode: 'client'
}
]
}
}
页面上也有此登录表单：
login.vue async userLogin () {
await this.$auth.loginWith('local',{
data: this.userCredentials
})
.then(() => {
this.createSuccessMessage('You are Now logged in.')
})
.catch((error) => {
if (error.response.status === 401) {
this.createErrorMessage('Invalid login or password')
}
})
}
如何防止error-checking.js:3 called 1
xhr.js:184 POST https://xxx/auth/login 401 (Unauthorized)
error-checking.js:8 i value: 1
error-checking.js:10 error in plugin: 401
error-checking.js:8 i value: 2
error-checking.js:10 error in plugin: 401
两次触发？
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。