import {createRouter, createWebHistory} from 'vue-router' import {useUserStore} from '@/stores/user' import NProgress from 'nprogress' import api from '@/utils/api' const routes = [ { path: '/', name: 'Home', redirect: '/mainpage', meta: { title: '首页' } }, { path: '/mylogin', name: 'MyLogin', component: () => import('@/views/MyLogin.vue'), meta: { title: '登录', hideForAuth: true } }, { path: '/mainpage', name: 'MainPage', component: () => import('@/views/MainPage.vue'), meta: { title: '主页' } }, { path: '/myshop', name: 'MyShop', component: () => import('@/views/MyShop.vue'), meta: { title: '积分商城' } }, { path: '/myprofile', name: 'MyProfile', component: () => import('@/views/MyProfile.vue'), meta: { title: '个人中心' } }, { path: '/distribution', name: 'Distribution', component: () => import('@/views/Distribution.vue'), meta: { title: '分享' } }, { path: '/loading', name: 'Loading', component: () => import('@/views/Loading.vue'), meta: { title: '维护中' } }, { path: '/mypoints-history', name: 'MyPointsHistory', component: () => import('@/views/MyPointsHistory.vue'), meta: { title: '积分记录', requiresAuth: true } }, { path: '/editdetailspage', name: 'EditDetailsPage', component: () => import('@/views/EditDetailsPage.vue'), meta: { title: '编辑信息', requiresAuth: true } }, { path: '/editpasswordpage', name: 'EditPasswordPage', component: () => import('@/views/EditPasswordPage.vue'), meta: { title: '编辑密码', requiresAuth: true } }, { path: '/shop', name: 'Shop', component: () => import('@/views/Shop.vue'), meta: { title: '积分商城' } }, { path: '/product/:id', name: 'ProductDetail', component: () => import('@/views/ProductDetail.vue'), meta: { title: '商品详情' } }, { path: '/register', name: 'Register', component: () => import('@/views/Register.vue'), meta: { title: '注册', hideForAuth: true } }, { path: '/payment', name: 'Payment', component: () => import('@/views/Payment.vue'), meta: { title: '支付激活', requiresAuth: true } }, { path: '/orders', name: 'Orders', component: () => import('@/views/Orders.vue'), meta: { title: '我的订单', requiresAuth: true } }, { path: '/transfers', name: 'Transfers', component: () => import('@/views/Transfers.vue'), meta: { title: '转账', requiresAuth: true } }, { path: '/matching', name: 'Matching', component: () => import('@/views/Matching.vue'), meta: { title: '货款匹配', requiresAuth: true } }, { path: '/agent/login', name: 'AgentLogin', component: () => import('@/views/AgentLogin.vue'), meta: { title: '代理登录' } }, { path: '/agent/dashboard', name: 'AgentDashboard', component: () => import('@/views/AgentDashboard.vue'), meta: { title: '代理后台', requiresAuth: true, isAgent: true } }, { path: '/agent/withdrawals', name: 'AgentWithdrawals', component: () => import('@/views/AgentWithdrawals.vue'), meta: { title: '佣金提现', requiresAuth: true, isAgent: true } }, { path: '/customerservice', name: 'CustomerService', component: () => import('@/views/CustomerService.vue'), meta: { title: '客服中心' } }, { path: '/productsummary/:id', name: 'productSummary', component: () => import('@/views/ProductSummary.vue'), meta: { title: '商品汇总' } }, { path: '/buydetail', name: 'BuyDetail', component: () => import('../views/BuyDetails.vue'), meta: {title: '确认订单'} }, { path: '/pay/:orderId', name: 'Pay', component: () => import('@/views/Pay.vue'), meta: {title: '确认支付'}, props: route => ({orderId: route.query.orderId}) }, { path: '/cart', name: 'Cart', component: () => import('@/views/Cart.vue'), meta: {title: '购物车'} }, { path: '/address', name: 'Address', component: () => import('@/views/Address.vue'), meta: {title: '地址管理', requiresAuth: true} }, { path: '/payloading', name: 'PayLoading', component: () => import('@/views/PayLoading.vue'), meta: {title: '支付确认'}, props: route => ({orderId: route.query.orderId}) }, { path: '/:pathMatch(.*)*', name: 'NotFound', component: () => import('@/views/NotFound.vue'), meta: { title: '页面不存在' } } ] const router = createRouter({ history: createWebHistory('/frontend/'), routes, scrollBehavior(to, from, savedPosition) { if (savedPosition) { return savedPosition } else { return {top: 0} } } }) // 路由守卫 router.beforeEach(async (to, from, next) => { NProgress.start() const userStore = useUserStore() // 设置页面标题 if (to.meta.title) { document.title = `${to.meta.title} - 炬融圈` } // 检查维护模式 try { const {data} = await api.get('/system/maintenance-status', {showLoading: false}) console.log(data, 'data'); if (data.success) { if (data.data.maintenance_mode) { // 维护模式开启,且不在维护页面,跳转到维护页面 if (to.name !== 'Loading') { next({name: 'Loading'}) return } } else { // 维护模式关闭,且在维护页面,跳转到首页 if (to.name === 'Loading') { next({name: 'MainPage'}) return } } } } catch (error) { // 如果检查维护状态失败,继续正常流程 console.warn('检查维护状态失败:', error) } // 检查是否需要认证 if (to.meta.requiresAuth) { // 检查是否是代理页面 if (to.meta.isAgent) { // 代理页面认证逻辑 const agentInfo = localStorage.getItem('agentInfo') const agentToken = localStorage.getItem('token') if (!agentInfo || !agentToken) { next({ path: '/mylogin', query: {redirect: to.fullPath} }) return } } else { // 普通用户页面认证逻辑 console.log(userStore.isAuthenticated, 'isAuthenticated'); if (!userStore.isAuthenticated) { // 尝试从本地存储恢复登录状态 await userStore.checkAuth() if (!userStore.isAuthenticated) { next({ name: 'MyLogin', query: {redirect: to.fullPath} }) return } } // 检查支付状态(管理员除外) console.log(userStore.user); if (userStore.user && userStore.user.role !== 'admin' && userStore.user.payment_status === 'unpaid') { console.log('进来了'); // 如果当前不在支付页面,静默重定向到支付页面(不显示额外通知) if (to.name !== 'Payment') { next({ name: 'Payment', query: {redirect: to.fullPath} }) return } else { next() } } } } // 如果已登录用户访问登录/注册页面,重定向到转账管理(改成了主页) if (to.meta.hideForAuth && userStore.isAuthenticated) { next({name: 'MainPage'}) return } next() }) router.afterEach(() => { NProgress.done() }) export default router