Nuxt.js使用自定义路由

npm install --save-dev @nuxtjs/router

  • 在根目录下nuxt.config.js文件中新增如下配置
  buildModules: [
    '@nuxtjs/router'
  ],
  routerModule: {
    // 保留默认路由?
    // true -> 默认路由 和 自定义路由同时生效
    // false -> 只有自定义路由生效,默认路由不再自动生成
    keepDefaultRouter: false
  }
  • 在根目录新建router.js,像使用Vue Router一样在router.js文件中定义路由

  • 提示:在使用该方法时,通过以下配置使用nuxt generate命令进行纯静态部署会报错(暂未解决)

nuxt版本 -> 2.14.12

@nuxt/router版本 -> 1.5.0

  //nuxt.config.js
  target: 'static'
「」