我们如何在 NUXTJS 中设置默认路由

Question

我们如何定制NUXT路由。目前，我正在使用默认NUXT页面路由机制。我想指向example.vue默认登陆页面而不是index.vue. 我还需要在这些路由上添加身份验证。不幸的是，NUXT文档并没有很好地帮助我。

Answer 1

检查Nuxt 上的中间件属性

您可以编写一个中间件并在 index.vue 中调用它，如下所示：

middleware: {
  'redirect-to-example'
}

中间件/redirect-to-example.js

export default function ({ store, redirect }) {
  // If the user is not authenticated
  if (!store.state.authenticated) {
    return redirect(301, '/example');
  }
}

您可以找到有关The Context 的有用信息， 以便更好地使用 Nuxt