vue3有三个一级路由vue1 vue2 vue3实现未登录自动返回到登录页面

您可以在路由配置中添加全局前置守卫，检查用户是否已经登录。如果用户未登录，则重定向到登录页面。

例如，您可以这样编写路由配置：

import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '@/views/Login.vue'
import Home from '@/views/Home.vue'
import Vue1 from '@/views/Vue1.vue'
import Vue2 from '@/views/Vue2.vue'
import Vue3 from '@/views/Vue3.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    redirect: '/home'
  },
  {
    path: '/home',
    name: 'Home',
    component: Home,
    children: [
      {
        path: 'vue1',
        name: 'Vue1',
        component: Vue1
      },
      {
        path: 'vue2',
        name: 'Vue2',
        component: Vue2
      },
      {
        path: 'vue3',
        name: 'Vue3',
        component: Vue3
      }
    ],
    meta: {
      requiresAuth: true // 添加元数据，表示需要登录权限
    }
  },
  {
    path: '/login',
    name: 'Login',
    component: Login
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

router.beforeEach((to, from, next) => {
  // 检查路由是否需要登录权限
  if (to.matched.some(record => record.meta.requiresAuth)) {
    // 检查用户是否已经登录
    if (!isAuthenticated()) {
      // 用户未登录，重定向到登录页面
      next('/login')
      return
    }
  }
  // 继续路由跳转
  next()
})

function isAuthenticated () {
  // 检查用户是否已经登录，根据实际情况编写检查逻辑
  return false
}

export default router

这里的 `isAuthenticated` 函数需要编写实际的检查逻辑，判断用户是否已经登录。如果用户未登录，可以重定向到登录页面，例如 `next('/login')`。如果用户已经登录，可以继续路由跳转，例如 `next()`。