zoukankan      html  css  js  c++  java
  • nuxt.config有关router配置

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

  • 相关阅读:
    post 跨域
    鼠标滚轮 控制作用滚动
    es5的特性 有多少你没用过
    javascript 定义修改属性值
    javascript 原型继承
    C# windows 服务 操作实例
    linq to xml 操作实例
    伪随机数 避免操作
    linq 分组包含时间操作
    时间转换操作
  • 原文地址:https://www.cnblogs.com/stealth7/p/9186653.html
Copyright © 2011-2022 走看看