1. 程式人生 > >nuxt.config有關router配置

nuxt.config有關router配置

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配置