Using route aliases

Sometimes it's necessary to have multiple URLs that point to the same page. This may be because the page has changed name or because the page is referred to differently in different parts of the site.

In particular, when a page changes its name, it is very important to also leave the former name in many settings. Links may break and the page may become unreachable from some parts of the website. In this recipe, you will prevent exactly that.

Getting ready

For this recipe, you are only required to have some knowledge of the vue-router component (how to install it and basic operations). More information about vue-router will start from the Creating a SPA with vue-router recipe.

How to do it…

Let's imagine that we have a fashion website and Lisa, the employee responsible for giving titles to dresses, creates two new links for two pieces of clothing:

<router-link to="/green-dress-01/">Valentino</router-link>
<router-link to="/green-purse-A2/">Prada</router...