gold_vue/gold-system/src/router/index.js

import { createRouter, createWebHashHistory } from 'vue-router';

const router = createRouter({
    history: createWebHashHistory(),
    routes: [
        { path: '/login', name: "login", component: () => import("../views/login.vue") },
        { path: '/', redirect: "/login" },
        { path: '/test', component: () => import("../views/z.vue") },
        {
            meta: { requireAuth: true },
            path: '/index', component: () => import("../views/index.vue"),
            children: [

                // 工作台
                { path: '/workspace', name: "workspace", component: () => import("../views/workspace/index.vue") },
                // 充值审核
                { path: '/rechargeAudit', name: "rechargeAudit", component: () => import("../views/audit/rechargeAudit.vue") },
                // 退款审核
                { path: '/refundAudit', name: "refundAudit", component: () => import("../views/audit/refundAudit.vue") },
                // 新增消费
                { path: '/addConsume', name: "addConsume", component: () => import("../views/consume/addConsume.vue") },
                // 所有消费明细
                { path: '/allConsume', name: "allConsume", component: () => import("../views/consume/allConsume.vue") },
                // 活动管理
                { path: '/activity', name: "activity", component: () => import("../views/managerecharge/activity.vue") },
                // 汇率管理
                { path: '/rate', name: "rate", component: () => import("../views/managerecharge/rate.vue") },
                // 新增充值
                { path: '/addRecharge', name: "addRecharge", component: () => import("../views/recharge/addRecharge.vue") },
                // 客户充值明细
                { path: '/adminRecharge', name: "adminRecharge", component: () => import("../views/recharge/adminRecharge.vue") },
                // 所有充值明细
                { path: '/allRecharge', name: "allRecharge", component: () => import("../views/recharge/allRecharge.vue") },
                // 新增退款
                { path: '/addRefund', name: "addRefund", component: () => import("../views/refund/addRefund.vue") },
                // 退款明细
                { path: '/allRefund', name: "allRefund", component: () => import("../views/refund/allRefund.vue") },
                // 客户金币明细
                { path: '/usergold', name: "usergold", component: () => import("../views/usergold/index.vue") },
                // 客户金币余额
                { path: '/usergoldInfo', name: "usergoldInfo", component: () => import("../views/usergoldInfo/index.vue") },
                // 权限管理
                { path: '/permissions', name: "permissions", component: () => import("../views/permissions/index.vue") },
                // 没有权限
                { path: '/noPermission', name: "noPermission", component: () => import("../views/noPermissionPage.vue") },
            ]
        },

    ]
});

router.beforeEach((to, from, next) => {
    const token = localStorage.getItem("token");
    const permission = localStorage.getItem("permission");
    if (to.name != "login" && !token) {
        next({ name: "login" });
    } else {
        if (permission == "4" && to.name != "noPermission") {
            next({ name: "noPermission" });
        } else if (permission == "3") {
            if (to.name == "addConsume" || to.name == "allConsume"
                || to.name == "addRecharge" || to.name == "adminRecharge" || to.name == "allRecharge"
                || to.name == "addRefund" || to.name == "allRefund"
                || to.name == "permissions") {
                next({ name: "workspace" });
            } else {
                next();
            }
        } else if (permission == '2') {
            if (to.name == "rechargeAudit" || to.name == "refundAudit"
                || to.name == "activity" || to.name == "rate"
                || to.name == "permissions") {
                next({ name: "workspace" })
            } else {
                next();
            }
        } else if (permission == '5') {
            if (to.name == "permissions") {
                next({ name: "workspace" })
            } else {
                next();
            }
        }
        else {
            next();
        }

    }
})

export default router;