rczn_center_control_web/rc_autoplc_front/src/router/index.ts

import { createRouter, createWebHashHistory } from 'vue-router'
import { useAuthStore } from '@/stores/auth'
import { ElMessage } from 'element-plus'

const router = createRouter({
  history: createWebHashHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/login',
      name: 'login',
      component: () => import('../views/Login.vue'),
      meta: { requiresAuth: false },
    },
    {
      path: '/',
      component: () => import('../views/Layout.vue'),
      meta: { requiresAuth: true },
      children: [
        {
          path: '',
          redirect: '/home',
        },
        {
          path: '/home',
          name: 'home',
          component: () => import('../views/Home.vue'),
        },
        {
          path: '/user',
          name: 'user',
          component: () => import('../views/user/index.vue'),
        },
        {
          path: '/role',
          name: 'role',
          component: () => import('../views/role/index.vue'),
        },
        {
          path: '/department',
          name: 'department',
          component: () => import('../views/department/index.vue'),
        },
        {
          path: '/permission',
          name: 'permission',
          component: () => import('../views/permission/index.vue'),
        },
        {
          path: '/position',
          name: 'position',
          component: () => import('../views/position/index.vue'),
        },
        {
          path: '/manage-log',
          name: 'manage-log',
          component: () => import('../views/manage-log/index.vue'),
        },
        {
          path: '/user-role',
          name: 'user-role',
          component: () => import('../views/user-role/index.vue'),
        },
        {
          path: '/island-info',
          name: 'island-info',
          component: () => import('../views/islandInfo/index.vue'),
        },
        {
          path: '/devparam',
          name: 'devparam',
          component: () => import('../views/devparam/index.vue'),
        },
        {
          path: '/devinfo',
          name: 'devinfo',
          component: () => import('../views/devinfo/index.vue'),
        },
        {
          path: '/plc-devinfo',
          name: 'plc-devinfo',
          component: () => import('../views/devinfo/plc.vue'),
        },
        {
          path: '/goods-info',
          name: 'goods-info',
          component: () => import('../views/goods/index.vue'),
        },
        {
          path: '/flow-info',
          name: 'flow-info',
          component: () => import('../views/flowinfo/index.vue'),
        },
        {
          path: '/step-info',
          name: 'step-info',
          component: () => import('../views/stepinfo/index.vue'),
        },
        {
          path: '/plc-device-control',
          name: 'plc-device-control',
          component: () => import('../views/plcdevicecontrol/index.vue'),
        },
        {
          path: '/sample-injection',
          name: 'sample-injection',
          component: () => import('../views/sampleinjection/index.vue'),
        },
      ],
    },
  ],
})

// 添加全局路由守卫
router.beforeEach((to, _from, next) => {
  const authStore = useAuthStore()
  const token = authStore.getToken()

  // 如果访问登录页
  if (to.path === '/login') {
    // 已登录状态下访问登录页，自动跳转到首页
    if (token) {
      next('/home')
      ElMessage.success('已登录，自动跳转')
    } else {
      // 未登录，正常进入登录页
      next()
    }
    return
  }

  // 访问需要认证的页面，但未登录（无token）
  if (to.meta.requiresAuth && !token) {
    ElMessage.warning('请先登录')
    next('/login')
    return
  }

  // 如果访问根路径，重定向到首页
  if (to.path === '/') {
    next('/home')
    return
  }

  // 已登录且访问合法页面，正常放行
  next()
})

export default router