Nuxt 创建路由而不创建页面答案

【问题标题】：Nuxt create a route without creating a pageNuxt 创建路由而不创建页面
【发布时间】：2020-01-27 23:00:20
【问题描述】：

我想在 nuxt 中创建一个路由（/logout），而不为它创建一个页面（.vue）。

过去我只是在路由文件中创建路由并在附件中编写一些代码。

我认为在我的 nuxt 配置中这样的东西会起作用，但我找不到

router: {
    routes: [
      {
        path: '/fish',
        redirect: to => {
          return { path: 'shark', query: null }
        }
      }
    ],

    middleware: 'auth'
  },

这个可以吗？

【问题讨论】：

标签： vue.js routes vue-router nuxt.js

【解决方案1】：

在您的nuxt 配置文件中，您可以利用router 对象之外的extendedRoutes 函数，如下所示：

router: {
  extendedRoutes(routes, resolve) {
     routes.push({
       name: '',
       path: '',
       component: resolve(__dirname, 'pages/your/page.vue')
     })
  } 
}

【讨论】：