From 49ca51d68cdbf273218bafcd4b0651ce63c65ed4 Mon Sep 17 00:00:00 2001
From: zuozhengqing <a13193816592@163.com>
Date: 星期三, 13 十二月 2023 19:18:30 +0800
Subject: [PATCH] 添加路由拦截导航重定向
---
src/components/layout/components/appsidebar/index.vue | 2 +-
src/router/index.js | 45 +++++++++++++++++++++++++++++++++++++++++++--
2 files changed, 44 insertions(+), 3 deletions(-)
diff --git a/src/components/layout/components/appsidebar/index.vue b/src/components/layout/components/appsidebar/index.vue
index a3e7990..bf9aff6 100644
--- a/src/components/layout/components/appsidebar/index.vue
+++ b/src/components/layout/components/appsidebar/index.vue
@@ -13,7 +13,7 @@
text-color="#bfcbd9"
active-text-color="#fff"
>
- <el-submenu v-for="item in menus" :key="item.id" :index="item.id" >
+ <el-submenu v-for="item in menus" :key="item.id" :index="item.id.toString()" >
<template slot="title">
<i class="el-icon-money icon"></i>
<span>{{ item.title }}</span>
diff --git a/src/router/index.js b/src/router/index.js
index 8f17f9d..b41fc78 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -5,6 +5,7 @@
import clientRouter from "./client/index.js"
import salesRouter from "./sales/index.js"
import serviceRouter from "./service/index.js"
+import {getMenuTreeByRole} from "@/api/menus/index"
// import backgroundConfigRouter from "./backgroundConfig/index.js"
Vue.use(Router)
@@ -18,8 +19,8 @@
export const routes = [
// 鏃犳暟鎹〉闈�
{
- path: "/",
- name: "NoData",
+ path: "noData",
+ name: "noData",
meta: {
title: "",
auth: true,
@@ -109,6 +110,46 @@
const router = createRouter()
+let isSkip = false;
+async function hasPermission(routePath) {
+ isSkip = false;
+ try {
+ const res = await getMenuTreeByRole();
+ const newPath = {
+ path: "/noData"
+ };
+ const foundObject = res.data.list.find(obj => obj.systemType === 2);
+ if (foundObject) {
+ foundObject.menus.forEach(item => {
+ const nextPath = item.children.find(obj => obj.path === routePath);
+ if (nextPath) {
+ newPath.path = nextPath.path;
+ isSkip = true;
+ }
+ });
+ } else {
+ newPath.path = '/noData';
+ }
+ return newPath;
+ } catch (error) {
+ return { path: "/noData" };
+ }
+}
+router.beforeEach(async (to, from, next) => {
+ console.log(to,from,"鐪嬬湅")
+ try {
+ const result = await hasPermission(to.path);
+ console.log(result,"result")
+ next();
+ if (!isSkip) {
+ next('/noData')
+ }
+ } catch (error) {
+ console.error('Error in navigation guard:', error);
+ next();
+ }
+});
+
// router.beforeEach((to, from, next) => {
// must call `next`
// console.log(to, from)
--
Gitblit v1.8.0