nuxt实现路由自定义字段

nuxt.js 是基于 vue 的扩展框架,非常强大,能极大提高开发效率特性:ssr,约定式路由

现在来说下如何在约定式路由中,添加自定义字段 GitHub 地址

https://github.com/nuxt-community/router-extras-module

使用 nuxt 官方模块 router-extras-module

可以定义页面的自定义路径

为单个页面定义多个别名

无论页面目录结构如何,都定义多个参数

如何使用

@nuxtjs/router-extras 为你的项目添加依赖

yarn add --dev @nuxtjs/router-extras #或 npm install --save-dev @nuxtjs/router-extras

添加@nuxtjs/router-extras 到 buildModules 部分 nuxt.config.js

{
  buildModules : [
    // 简单用法
    '@nuxtjs/router-extras' ,

    // 使用选项
    [ '@nuxtjs/router-extras' ,  {  /* 模块选项 */  } ]
  ]
}

vue 文件添加定义

<router>
 {
    path: '/posts',
    alias: [
      '/articles',
      '/blog'
    ],
    name:'此处可以定义中文路由名称',
    meta:{
      title:'定义meta字段'
    }
 }
</router>

vue超强延伸框架nuxt

CATALOG

FEATURED TAGS

FRIENDS