首页 > 技术文章 > nuxt.config有关router配置

stealth7 2018-06-15 11:46 原文

这里只说明一个属性,其他属性移步官方文档 https://zh.nuxtjs.org/api/configuration-router

extendRoutes
 
官方说明:

你可以通过 extendRoutes 配置项来扩展 Nuxt.js 生成的路由配置。

举个例子,我们添加一个自定义的路由配置:

nuxt.config.js:

const resolve = require('path').resolve

module.exports = {
  router: {
    extendRoutes (routes) {
      routes.push({
        name: 'custom',
        path: '*',
        component: resolve(__dirname, 'pages/404.vue')
      })
    }
  }
}

不得不说这个配置其实很好懂,由于nuxt有一套自动创建路由的规则,所以给开发省了不少事儿

但是...

如果想自定义路由,可以再这里声明自己的路由

然而...

当我看到这个配置的时候,真的很感叹这个配置真的是很有用,尤其是官方文档还加了一句

vue-router这么强大的配置都可以毫无顾忌的使用么,所以我就试了一下跳转啥的,像下面这样

     routes.push({
        name: 'test002',
        path: '/test/:id?',
        redirect: to => {
          return { path: '/Index' }
        },
        chunkName: 'test002'
      })

毫无悬念的报错了

 

额,我麻溜的看了一下这个路径这个文件写的啥,结果告诉我其实除了支持name,path,component,chunkName,children几个属性外,其他都还没实现...

洗洗睡吧,想多了,复杂点儿的还是自己弄个middleware吧。。。

 

推荐阅读