nuxt.config有關router配置
阿新 • • 發佈:2018-06-15
resolve chunk s/4 ren res img pre 分享 跳轉
這裏只說明一個屬性,其他屬性移步官方文檔 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吧。。。
nuxt.config有關router配置