在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