软件测试学习笔记丨 Vue 路由 - 路由重定向

2024-06-11
北京
本文字数：531 字
阅读完需：约 2 分钟

本文转自测试人社区，原文链接：https://ceshiren.com/t/topic/23495

路由重定向

重定向：访问 A 地址的时候，跳转到了 B 地址

设置重定向以后可能会有延迟，访问速度会变慢

使用

通过路由规则的 redirect 属性，设置路由的重定向

import Vue from 'vue'import VueRouter from 'vue-router'import Layout from '../views/Layout.vue'import Login from '../views/Login.vue'import Register from '../views/Register.vue'
Vue.use(VueRouter)
// 定义路由const routes = [  {    path: '/',    name: 'home',    component: HomeView,    // redirect 表示要被重定向的新地址    redirect: '/layout'  },  {    path: '/layout',    name: 'layout',    component: Layout,    // 通过children属性定义子路由，是数组嵌套字典的形式    children: [      // 相对路径写法      { path: "login", component: Login },      { path: "register", component: Register },      // 绝对路径写法      // { path: "/layout/login", component: Login },      // { path: "/layout/register", component: Register },    ]  },]
const router = new VueRouter({  routes})
export default router