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!
- Add
@nuxtjs/redirect-moduledependency using yarn or npm to your project - Add
@nuxtjs/redirect-moduletomodulessection ofnuxt.config.js - Configure it:
{
modules: [
['@nuxtjs/redirect-module', [ /* Redirect option here */]],
]
}{
modules: [
'@nuxtjs/redirect-module'
],
redirect: [
// Redirect options here
]
}Simply add the links you want to redirect as objects to the module option array:
redirect: [
{ from: '^/myoldurl', to: '/mynewurl' }
]You can set up a custom status code as well. By default, it's 302!
redirect: [
{ 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.
redirect: [
{ 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:
redirect: async () => {
const someThings = await axios.get("/myApi") // It'll wait!
return someThings.map(coolTransformFunction)
}ATTENTION: The factory function must return an array with redirect objects (as seen above).
- Clone this repository
- Install dependencies using
yarn installornpm install - Start development server using
npm run dev
Copyright (c) Alexander Lichter npm@lichter.io