如何在Nuxt.js中设置beforeResolve导航保护

Question

有没有办法在nuxt.config.js中添加beforeResolve导航保护？

我的nuxt.config.js

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

但它永远不会被召唤！

我一直在尝试在根据用户在vuex商店上的登录状态安装组件之前实现重定向。

Answer 1

您有两个选项。您可以通过中间件或在相应的页面中设置全局规则。

// 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();
}
}
}