码迷,mamicode.com
首页 > 其他好文 > 详细

nuxt.config有关router配置

时间:2018-06-15 15:54:54      阅读:5034      评论:0      收藏:0      [点我收藏+]

标签:生成   文件   index   tar   ports   div   实现   child   其他   

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

标签:生成   文件   index   tar   ports   div   实现   child   其他   

原文地址:https://www.cnblogs.com/stealth7/p/9186653.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!