javascript - Vue-Routing-Navigation verursacht einen Stapelüberlauf, aber ich weiß nicht, wo sich die Endlosschleife befindet. Ich bitte einen Experten um Hilfe, um mir den Code anzusehen.
router.beforeEach((to, from, next) => {
nProgress.start()
console.log(store.getters.token)
if (store.getters.token) {
console.log(store.state.token)
if (!store.getters.role) {
console.log(store.getters.role)
reqData.req({
apiName: 'getUser'
}).then(res => {
res = res.data
if (res) {
if (res.code === '200') {
console.log(res)
let data = res.data
let routes = addRoutes[data.role]
store.commit('SET_NAME', data.name)
store.commit('SET_ROLE', data.role)
store.commit('SET_AVATAR', data.avatar)
router.addRoutes(routes)
next(to.path)
} else {
this.$message({
showClose: true,
message: res.message,
type: 'warning'
})
}
}
}).catch(err => {
console.log(err)
})
} else {
next()
}
} else {
next('/login')
nProgress.done()
}
})Fehlermeldung:
Das Problem ist, dass es beim ersten Betreten eine Endlosschleife gibt. Ich sollte zunächst direkt zur Anmeldeseite gehen, aber es ist eine Endlosschleife es raus. Vielen Dank!
