npm run generate 不生成路由

Question

我在 nuxt 项目中使用 vue-router，当我运行 npm run generate 时，它​​会生成除我的页面之外的所有内容。我认为这与路由器有关，因为在使用 vue 路由器之前，我在生成页面时没有问题这是我的路由器：

router.js

import Vue from 'vue'
import Router from "vue-router"
import Home from '../debonkelaer/pages/index.vue'
import actueel from '../debonkelaer/pages/actueel.vue'
import impressies from '../debonkelaer/pages/impressies.vue'
import reglement from '../debonkelaer/pages/reglement.vue'
import reserveren from '../debonkelaer/pages/reserveren.vue'
import tarieven from '../debonkelaer/pages/Tarieven.vue'
import ingelogd from '../debonkelaer/pages/ingelogd.vue'
import firebase from 'firebase/app'
import 'firebase/auth'

Vue.use(Router);

const routes = [
    {
        path: '/',
        name: 'Home',
        component: Home
    },
    {
        path: '/actueel',
        name: 'Actueel',
        component: actueel
    },
    {
        path: '/impressies',
        name: 'Impressies',
        component: impressies
    },
    {
        path: '/reserveren',
        name: 'Reserveren',
        component: reserveren
    },
    {
        path: '/tarieven',
        name: 'Tarieven',
        component: tarieven
    },
    {
        path: '/reglement',
        name: 'Reglement',
        component: reglement
    },
    {
        path: '/ingelogd',
        name: 'Ingelogd',
        component: ingelogd,
    }
]

const router = new Router({
    mode: 'history',
    base: '/',
    routes
})

export function createRouter() {
    return router
};```

If you need any additional code please reply.

Answer 1

当您使用nuxt.js 时，所有路由都会自动从您pages 目录中的所有文件生成。这意味着您无需手动声明每条路线！

请务必查看nuxt.js: Automatic Routing的官方文档

要检查身份验证，您应该使用middleware。

如果你只需要一个特定的路由/组件，你可以在你的组件的导出函数中使用类似下面的代码

middleware({ redirect }) {
  // If the user is not authenticated
  const authenticated = YOUR_AUTH
  if (!authenticated) {
    return redirect('/login')
  }
}