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