vue3路由重定向

在vue3.0中设置路由重定向的方法:

  1. 新建项目 并引入vue和vue-router;
  2. 使用Vue.use注册路由;
  3. createRouter定义和配置路由;
  4. 使用redirect 属性设置路由重定向;

路由重定向指的是:用户在访问地址 A 的时候,强制用户跳转到地址 C ,从而展示特定的组件页面;
通过路由规则的 redirect 属性,指定一个新的路由地址,可以很方便地设置路由的重定向:

import { createRouter, createWebHashHistory } from 'vue-router'
import guide from '../views/guide.vue'
const routes = [
  {
    path: '/',
    redirect: '/guide'
  },
  {
    path: '/guide',
    name: 'guide',
    component: guide
  },
  {
    path: '/login',
    name: 'login',
    component: () => import(/* webpackChunkName: "about" */ '../views/login.vue')
  }
]

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

export default router

你可能感兴趣的:(vue3.0,vue3.0,vue.js,前端,javascript)