154 lines
3.9 KiB
JavaScript
154 lines
3.9 KiB
JavaScript
import { createRouter, createWebHistory,createWebHashHistory} from 'vue-router'
|
||
import { useAuthStore } from '@/stores/auth'
|
||
|
||
const ModernHome = () => import('../views/ModernHome.vue')
|
||
const List = () => import('../views/List.vue')
|
||
const Login = () => import('../views/Login/Login.vue')
|
||
const Register = () => import('../views/Register.vue')
|
||
const ForgotPassword = () => import('../views/ForgotPassword.vue')
|
||
const CreationWorkspace = () => import('../views/CreationWorkspace.vue')
|
||
const ProjectGallery = () => import('../views/ProjectGallery.vue')
|
||
const OrderManagement = () => import('../views/OrderManagement/OrderManagement.vue')
|
||
const OrderDetail = () => import('../views/OrderDetail.vue')
|
||
const DeviceSettings = () => import('../views/DeviceSettings.vue')
|
||
const AgentManagement = () => import('../views/AgentManagement.vue')
|
||
const AddAgent = () => import('../views/AddAgent.vue')
|
||
const UiTest = () => import('../views/UiTest.vue')
|
||
const home = () => import('../views/home/index.vue')
|
||
|
||
// 路由配置
|
||
const routes = [
|
||
{
|
||
path: '/',
|
||
name: 'home',
|
||
component: home,
|
||
meta: { fullScreen: true }
|
||
},
|
||
{
|
||
path: '/czhome',
|
||
name: 'czhome',
|
||
component: ModernHome,
|
||
meta: { requiresAuth: false, keepAlive: false }
|
||
},
|
||
{
|
||
path: '/ui-test',
|
||
name: 'ui-test',
|
||
component: UiTest,
|
||
meta: { requiresAuth: false, keepAlive: false }
|
||
},
|
||
{
|
||
path: '/creation-workspace',
|
||
name: 'creation-workspace',
|
||
component: CreationWorkspace,
|
||
meta: { requiresAuth: true, keepAlive: false }
|
||
},
|
||
{
|
||
path: '/project-gallery',
|
||
name: 'project-gallery',
|
||
component: ProjectGallery,
|
||
meta: { requiresAuth: true, keepAlive: false }
|
||
},
|
||
{
|
||
path: '/order-management',
|
||
name: 'order-management',
|
||
component: OrderManagement,
|
||
meta: { requiresAuth: true, keepAlive: false }
|
||
},
|
||
{
|
||
path: '/order-management/:orderId',
|
||
name: 'order-detail',
|
||
component: OrderDetail,
|
||
meta: { requiresAuth: true }
|
||
},
|
||
{
|
||
path: '/agent-management',
|
||
name: 'agent-management',
|
||
component: AgentManagement,
|
||
meta: { requiresAuth: true, keepAlive: false }
|
||
},
|
||
{
|
||
path: '/add-agent',
|
||
name: 'add-agent',
|
||
component: AddAgent,
|
||
meta: { requiresAuth: true, fullScreen: false }
|
||
},
|
||
{
|
||
path: '/device-settings',
|
||
name: 'device-settings',
|
||
component: DeviceSettings,
|
||
meta: { requiresAuth: true, keepAlive: false }
|
||
},
|
||
{
|
||
path: '/project/:id',
|
||
name: 'project',
|
||
component: () => import('../views/Project/CreateProject.vue'),
|
||
meta: { requiresAuth: true, fullScreen: true }
|
||
},
|
||
{
|
||
path: '/purchase',
|
||
name: 'model-purchase',
|
||
component: () => import('../views/ModelPurchase.vue'),
|
||
meta: { requiresAuth: true, fullScreen: true }
|
||
},
|
||
{
|
||
path: '/list',
|
||
name: 'list',
|
||
component: List,
|
||
meta: { requiresAuth: true }
|
||
},
|
||
{
|
||
path: '/login',
|
||
name: 'login',
|
||
component: Login,
|
||
meta: { requiresGuest: true }
|
||
},
|
||
{
|
||
path: '/register',
|
||
name: 'register',
|
||
component: Register,
|
||
meta: { requiresGuest: true, fullScreen: true }
|
||
},
|
||
{
|
||
path: '/forgot-password',
|
||
name: 'forgot-password',
|
||
component: ForgotPassword,
|
||
meta: { requiresGuest: true, fullScreen: true }
|
||
},
|
||
{
|
||
path: '/:pathMatch(.*)*',
|
||
redirect: '/'
|
||
},
|
||
]
|
||
|
||
const router = createRouter({
|
||
// history: createWebHistory(),
|
||
history:createWebHashHistory(),
|
||
routes,
|
||
})
|
||
|
||
// 路由守卫
|
||
router.beforeEach(async (to, from, next) => {
|
||
window.localStorage.setItem('token','123')
|
||
return next()
|
||
// 检查是否需要登录
|
||
if (to.meta.requiresAuth) {
|
||
const token = localStorage.getItem('token')
|
||
// 如果没有 token，跳转到登录页
|
||
if (!token) {
|
||
next('/login')
|
||
return
|
||
}
|
||
}
|
||
// 检查是否需要游客身份
|
||
if (to.meta.requiresGuest) {
|
||
const authStore = useAuthStore()
|
||
// 如果有 token，跳转到首页
|
||
if (authStore.token) {
|
||
next('/')
|
||
return
|
||
}
|
||
}
|
||
next()
|
||
})
|
||
|
||
export default router |