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吧。。。

  • 相关阅读:
    linux历史及基本知识
    this关键字
    类加载与对象初始化
    学习之vim
    简单的登录界面(包括帐号密码验证)
    Web前端基础
    九大排序算法
    对“面向对象”思想的理解
    交换机
    网络编程协议详解
  • 原文地址:https://www.cnblogs.com/stealth7/p/9186653.html
Copyright © 2011-2022 走看看