Name: redirect-module
Owner: Nuxt Community
Description: No more cumbersome redirects!
Created: 2018-04-17 21:23:02.0
Updated: 2018-05-17 16:19:50.0
Pushed: 2018-04-18 07:29:46.0
Homepage: null
Size: 213
Language: JavaScript
GitHub Committers
User | Most Recent Commit | # Commits |
---|
Other Committers
User | Most Recent Commit | # Commits |
---|
Redirecting URLs is an often discussed topic, especially when it comes to SEO. Previously it was hard to create a “real” redirect without performance loss or incorrect handling. But this time is over!
With the Redirect Module setting up redirects will become easier than ever before!
@nuxtjs/redirect-module
dependency using yarn or npm to your project@nuxtjs/redirect-module
to modules
section of nuxt.config.js
les: [
imple usage
xtjs/redirect-module',
ith options
uxtjs/redirect-module', []],
dules: [
'@nuxtjs/redirect-module'
irect: [
Module options
Simply add the links you want to redirect as objects to the module option array:
rect: [
from: '^/myoldurl', to: '/mynewurl' }
You can set up a custom status code as well. By default, it's 302!
rect: [
from: '^/myoldurl', to: '/mynewurl', statusCode: 301 }
As you may have already noticed, we are leveraging the benefits of Regular Expressions. Hence, you can fully customize your redirects.
rect: [
from: '^/myoldurl/(.*)$', to: '/comeallhere', } // Many urls to one
from: '^/anotherold/(.*)$', to: '/new/$1', } // One to one mapping
And if you really need more power… okay! You can also use a factory function to generate your redirects:
rect: async () => {
nst someThings = await axios.get("/myApi") // It'll wait!
turn someThings.map(coolTransformFunction)
ATTENTION: The factory function must return an array with redirect objects (as seen above).
yarn install
or npm install
npm run dev
Copyright (c) Alexander Lichter npm@lichter.io