nuxt.config有关router配置

Posted 2020-11-18 stealth7

这里只说明一个属性，其他属性移步官方文档 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吧。。。