Breaking News: Grepper is joining You.com. Read the official announcement!

vue 3 router alias

Angry Antelope answered on July 5, 2022 Popularity 10/10 Helpfulness 4/10

answer vue 3 router alias

vue 3 router alias

Comment

// Vue Router alias and redirect

import { createWebHistory, createRouter } from "vue-router";

// An alias means when a user visit that alias "/home" instead of "/",
// the url will stay the same.
// But, it will be matched as if the user is visiting "/" instead of "/home"

const routes = [
  {
  	path: '/',
    alias: '/home',
    Name: 'home',
    component: homePage
  }
];

// A redirect means when the user visits "/home",
// the URL will be replaced by /, and then matched as /

const routes = [
  {
  	path: '/',
    Name: 'home',
    component: homePage
  },
  {
    path: '/home', // you can also use wildcards such as /:catchAll(.*)
    redirect: '/'
  }
];

// then create your router

const router = createRouter({
	history: createWebHistory(),
  	routes
});

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: router.vuejs.org

Tags: alias javascript redirect router

Link to this answer
Share Copy Link

Contributed on Jul 05 2022

Angry Antelope

0 Answers Avg Quality 2/10

vue 3 router alias

Contents

More Related Answers

vue 3 router alias

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.