@nuxtjs/router
Nuxt module to use router.js instead of pages/ directory
Last updated a year ago by ricardogobbosouza .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @nuxtjs/router 
SYNC missed versions from official npm registry.

@nuxtjs/router

npm version npm downloads Circle CI Codecov License

Nuxt module to use router.js instead of pages/ directory

???? Release Notes

Features

Use your own router.js to handle your routes into your Nuxt.js application.

Setup

  1. Add @nuxtjs/router dependency to your project
yarn add @nuxtjs/router # or npm install @nuxtjs/router
  1. Add @nuxtjs/router to the buildModules section of nuxt.config.js

:warning: If you are using Nuxt < 2.9.0, use modules instead.

{
  buildModules: [
    // Simple usage
    '@nuxtjs/router',

    // With options
    ['@nuxtjs/router', { /* module options */ }]
  ]
}

Using top level options

{
  buildModules: [
    '@nuxtjs/router'
  ],
  routerModule: {
    /* module options */
  }
}

If you are using SPA mode, add an index / route to generate section of nuxt.config.js:

{
  generate: {
    routes: [
      '/'
    ]
  }
}

Options

path

  • Default: srcDir

Location of you route file.

fileName

  • Default: router.js

Name of you route file.

keepDefaultRouter

  • Default: false

Can access the default router.

Usage

This module disable the pages/ directory into Nuxt and will use a router.js file at your srcDir directory:

components/
  my-page.vue
router.js

router.js need to export a createRouter method like this:

import Vue from 'vue'
import Router from 'vue-router'

import MyPage from '~/components/my-page'

Vue.use(Router)

export function createRouter() {
  return new Router({
    mode: 'history',
    routes: [
      {
        path: '/',
        component: MyPage
      }
    ]
  })
}

Accessing default router

If you use the module with { keepDefaultRouter: true }, you can access the default router:

export function createRouter(ssrContext, createDefaultRouter, routerOptions) {
  const options = routerOptions ? routerOptions : createDefaultRouter(ssrContext).options

  return new Router({
    ...options,
    routes: fixRoutes(options.routes)
  })
}

function fixRoutes(defaultRoutes) {
  // default routes that come from `pages/`
  return defaultRoutes.filter(...).map(...)
}

License

MIT License

Copyright (c) Nuxt Community

Current Tags

  • 1.5.0                                ...           latest (a year ago)

11 Versions

  • 1.5.0                                ...           a year ago
  • 1.4.0                                ...           a year ago
  • 1.3.2                                ...           2 years ago
  • 1.3.1                                ...           2 years ago
  • 1.3.0                                ...           2 years ago
  • 1.2.1                                ...           2 years ago
  • 1.2.0                                ...           2 years ago
  • 1.1.2                                ...           2 years ago
  • 1.1.0                                ...           2 years ago
  • 1.0.1                                ...           3 years ago
  • 1.0.0                                ...           3 years ago
Downloads
Today 0
This Week 12
This Month 302
Last Day 12
Last Week 200
Last Month 779
Dependencies (1)
Dev Dependencies (10)

Copyright 2014 - 2016 © taobao.org |