Nuxt.js 中間件基於角色重定向

Question

登錄時，我想使用 nuxt.js 中間件根據角色重定向到不同的頁面。

這是我的未認證中間件

export default function({ store, redirect }) {
  // If the user is authenticated redirect to home page
  if (store.state.auth) {
    debugger
    if (store.state.auth.role === 'admin') {
      return redirect('/admin')
    } else {
      return redirect('/')
    }
  }
}

問題是它沒有重定向到/admin並且我不知道如何調試它。 調試器在這里不起作用。

Answer 1

登錄后似乎中間件沒有重定向我，所以我必須在登錄完成后使用路由器並根據角色重定向。

編輯：按要求，我還添加了代碼解決方案。

在我的login function 中，登錄后我檢查了用戶的角色（在我的情況下，它保存在 JWT 令牌中）。

login(data) {
      const self = this
      this.$axios.post('/auth/login', data).then(function(response) {
        const tkData = self.parseJwt(response.data.Token)
        const auth = {
          accessToken: response.data.Token,
          email: tkData.email,
          role: tkData.role
        }
        self.$store.commit('setAuth', auth)
        Cookie.set('auth', auth)
        if (tkData.role === 'admin') {
          self.$router.push('/admin')
        } else {
          self.$router.push('/')
        }
      })
    }

PS：您可以查看我的代碼並在我的GitHub中進行測試