Nuxt.js에서 Navigation Guard를 해결하기 전에 설정하는 방법

Nuxt.js에서 Navigation Guard를 해결하기 전에 설정하는 방법

nuxt.config.js에 beforeResolve 내비게이션가드를 추가하는 방법이 있나요?

nuxt.config.js

module.exports {
    ...
    router: {
        beforeResolve(to, from, next) {
            if (this.$store.getters.isLoggedIn)
                 next('/resource')
        }
    }
    ...
}

하지만 그건 절대 불려지지 않아!

vuex 저장소에 로그인한 사용자를 기반으로 구성 요소가 마운트되기 전에 리디렉션을 수행하려고 했습니다.

여기에는 두 가지 옵션이 있습니다.미들웨어 또는 각 페이지에서 글로벌 규칙을 설정할 수 있습니다.

// middleware/route-guard.js
export default function ({ app }) {

    app.router.beforeResolve((to, from, next) => {
        if (app.store.getters.isLoggedIn) {
            next('/resource')
        } else {
            next();
        }
    });

}

---

// Nuxt Page Component
export default {
    beforeResolve (to, from, next) {
        if (this.$store.getters.isLoggedIn) {
            next('/resource')
        } else {
            next();
        }
    }
  }

언급URL : https://stackoverflow.com/questions/53322525/how-to-set-beforeresolve-navigation-guard-in-nuxt-js