在vue3.0中设置路由重定向的方法:
- 新建项目 并引入vue和vue-router;
- 使用Vue.use注册路由;
- createRouter定义和配置路由;
- 使用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