[关闭]
@liruiyi962464 2024-09-14T02:07:58.000000Z 字数 12110 阅读 98

配置大屏白名单

代码

后端修改项

方案一

  • 找到[ShiroConfig.java]文件,路径一般为\jeecg-boot\jeecg-boot-base\jeecg-boot-base-core\src\main\java\org\jeecg\config\shiro\ShiroConfig.java
  • 在文件中增加下列代码，后端设置白名单
  1. filterChainDefinitionMap.put("/TaskOd/taskOd/sumNum", "anon");
  2. filterChainDefinitionMap.put("/TaskOd/taskOd/tendency", "anon");
  3. filterChainDefinitionMap.put("/TaskUserAccount/taskUserAccount/userNUmBer", "anon");

方案二

  • 找到[application-dev.yml]或者[application-dev.prod]文件
  • 在文件中增加下列代码，后端设置白名单
  1.   shiro:
  2.     excludeUrls: /test/jeecgDemo/demo3,/test/jeecgDemo/redisDemo/**,/category/**,/visual/**,/map/**,/jmreport/bigscreen2/**,/test/jeecgDemo/demo3,/test/jeecgDemo/redisDemo/**,/category/**,/visual/**,/map/**,/jmreport/bigscreen2/**
  3. // 下列为补充内容，则可实现白名单
  4. ,/TaskOd/taskOd/sumNum,/TaskOd/taskOd/tendency,/TaskUserAccount/taskUserAccount/userNUmBer

前端修改项

Router.config.js文件中配置大屏的路径

它定义了一个路由，该路由指向modules/daping/daping路径，并且当访问这个路径时，会动态加载@/views/modules/daping/daping这个组件。这里使用了Vue的异步组件功能，@符号通常是Webpack别名配置中指向src目录的快捷方式。

  1. export const constantRouterMap = [
  2.   {
  3.     path: '/modules/daping/daping',
  4.     component: () => import('@/views/modules/daping/daping')
  5.   },

permission.js文件中配置相对的大屏路径

在permission.js文件中你列出了不需要重定向的白名单路径。这里的路径应该是用户可以直接访问而不需要通过登录验证的URL。

  1. const whiteList = [  
  2.   '/modules/daping/daping', // 大屏展示页面  
  3.   '/user/login',            // 用户登录页面  
  4.   '/user/register',         // 用户注册页面  
  5.   '/user/register-result',  // 用户注册结果页面  
  6.   '/user/alteration'        // 用户信息修改页面  
  7.   // 其他无需权限的路径...  
  8. ]// no redirect whitelist

注意在permission.js文件中路径是在同级的文件夹开始，不是写相对路径,项目结构中modules文件夹和permission.js文件是处于同一层级，且modules文件夹内包含daping文件夹，而daping文件夹内包含daping.vue文件。

permission.js

  1. import Vue from 'vue'
  2. import router from './router'
  3. import store from './store'
  4. import NProgress from 'nprogress' // progress bar
  5. import 'nprogress/nprogress.css' // progress bar style
  6. import notification from 'ant-design-vue/es/notification'
  7. import { ACCESS_TOKEN,INDEX_MAIN_PAGE_PATH, OAUTH2_LOGIN_PAGE_PATH } from '@/store/mutation-types'
  8. import { generateIndexRouter, isOAuth2AppEnv } from '@/utils/util'
  10. NProgress.configure({ showSpinner: false }) // NProgress Configuration
  12. const whiteList = [  
  13.   '/modules/daping/daping', // 大屏展示页面  
  14.   '/user/login',            // 用户登录页面  
  15.   '/user/register',         // 用户注册页面  
  16.   '/user/register-result',  // 用户注册结果页面  
  17.   '/user/alteration'        // 用户信息修改页面  
  18.   // 其他无需权限的路径...  
  19. ]// no redirect whitelist
  20. whiteList.push(OAUTH2_LOGIN_PAGE_PATH)
  21. router.beforeEach((to, from, next) => {
  22.   NProgress.start() // start progress bar
  24.   if (Vue.ls.get(ACCESS_TOKEN)) {
  25.     /* has token */
  26.     if (to.path === '/user/login' || to.path === OAUTH2_LOGIN_PAGE_PATH) {
  27.       next({ path: INDEX_MAIN_PAGE_PATH })
  28.       NProgress.done()
  29.     } else {
  30.       if (store.getters.permissionList.length === 0) {
  31.         store.dispatch('GetPermissionList').then(res => {
  32.               const menuData = res.result.menu;
  33.               //console.log(res.message)
  34.               if (menuData === null || menuData === "" || menuData === undefined) {
  35.                 return;
  36.               }
  37.               let constRoutes = [];
  38.               constRoutes = generateIndexRouter(menuData);
  39.               // 添加主界面路由
  40.               store.dispatch('UpdateAppRouter',  { constRoutes }).then(() => {
  41.                 // 根据roles权限生成可访问的路由表
  42.                 // 动态添加可访问路由表
  43.                 router.addRoutes(store.getters.addRouters)
  44.                 const redirect = decodeURIComponent(from.query.redirect || to.path)
  45.                 if (to.path === redirect) {
  46.                   // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
  47.                   next({ ...to, replace: true })
  48.                 } else {
  49.                   // 跳转到目的路由
  50.                   next({ path: redirect })
  51.                 }
  52.               })
  53.             })
  54.           .catch(() => {
  55.            /* notification.error({
  56.               message: '系统提示',
  57.               description: '请求用户信息失败，请重试！'
  58.             })*/
  59.             store.dispatch('Logout').then(() => {
  60.               next({ path: '/user/login', query: { redirect: to.fullPath } })
  61.             })
  62.           })
  63.       } else {
  64.         next()
  65.       }
  66.     }
  67.   } else {
  68.     if (whiteList.indexOf(to.path) !== -1) {
  69.       // 在免登录白名单，如果进入的页面是login页面并且当前是OAuth2app环境，就进入OAuth2登录页面
  70.       if (to.path === '/user/login' && isOAuth2AppEnv()) {
  71.         next({path: OAUTH2_LOGIN_PAGE_PATH})
  72.       } else {
  73.         // 在免登录白名单，直接进入
  74.         next()
  75.       }
  76.       NProgress.done()
  77.     } else {
  78.       // 如果当前是在OAuth2APP环境，就跳转到OAuth2登录页面
  79.       let path = isOAuth2AppEnv() ? OAUTH2_LOGIN_PAGE_PATH : '/user/login'
  80.       next({ path: path, query: { redirect: to.fullPath } })
  81.       NProgress.done() // if current page is login will not trigger afterEach hook, so manually handle it
  82.     }
  83.   }
  84. })
  86. router.afterEach(() => {
  87.   NProgress.done() // finish progress bar
  88. })

router.config.js

  1. import { UserLayout, TabLayout, RouteView, BlankLayout, PageView } from '@/components/layouts'
  3. /**
  4.  * 走菜单，走权限控制
  5.  * @type {[null,null]}
  6.  */
  7. export const asyncRouterMap = [
  9.   {
  10.     path: '/',
  11.     name: 'target',//dashboard
  12.     component: TabLayout,
  13.     meta: { title: '指标数据管理' },
  14.     redirect: '/views/modules/target/TaskIndicatorDataList',///dashboard/analysis
  15.     children: [
  17.       // // dashboard
  18.       // {
  19.       //   path: '/dashboard',
  20.       //   name: 'dashboard',
  21.       //   redirect: '/dashboard/workplace',
  22.       //   component: RouteView,
  23.       //   meta: { title: '仪表盘', icon: 'dashboard', permission: [ 'dashboard' ] },
  24.       //   children: [
  25.       //     {
  26.       //       path: '/dashboard/analysis',
  27.       //       name: 'Analysis',
  28.       //       component: () => import('@/views/dashboard/Analysis'),
  29.       //       meta: { title: '分析页', permission: [ 'dashboard' ] }
  30.       //     },
  31.       //     {
  32.       //       path: '/dashboard/monitor',
  33.       //       name: 'Monitor',
  34.       //       hidden: true,
  35.       //       component: () => import('@/views/dashboard/Monitor'),
  36.       //       meta: { title: '监控页', permission: [ 'dashboard' ] }
  37.       //     },
  38.       //     {
  39.       //       path: '/dashboard/workplace',
  40.       //       name: 'Workplace',
  41.       //       component: () => import('@/views/dashboard/Workplace'),
  42.       //       meta: { title: '工作台', permission: [ 'dashboard' ] }
  43.       //     }
  44.       //   ]
  45.       // },
  46.       //
  47.       // // forms
  48.       // {
  49.       //   path: '/form',
  50.       //   redirect: '/form/basic-form',
  51.       //   component: PageView,
  52.       //   meta: { title: '表单页', icon: 'form', permission: [ 'form' ] },
  53.       //   children: [
  54.       //     {
  55.       //       path: '/form/base-form',
  56.       //       name: 'BaseForm',
  57.       //       component: () => import('@/views/form/BasicForm'),
  58.       //       meta: { title: '基础表单', permission: [ 'form' ] }
  59.       //     },
  60.       //     {
  61.       //       path: '/form/step-form',
  62.       //       name: 'StepForm',
  63.       //       component: () => import('@/views/form/stepForm/StepForm'),
  64.       //       meta: { title: '分步表单', permission: [ 'form' ] }
  65.       //     },
  66.       //     {
  67.       //       path: '/form/advanced-form',
  68.       //       name: 'AdvanceForm',
  69.       //       component: () => import('@/views/form/advancedForm/AdvancedForm'),
  70.       //       meta: { title: '高级表单', permission: [ 'form' ] }
  71.       //     }
  72.       //   ]
  73.       // },
  74.       //
  75.       // // list
  76.       // {
  77.       //   path: '/list',
  78.       //   name: 'list',
  79.       //   component: PageView,
  80.       //   redirect: '/list/query-list',
  81.       //   meta: { title: '列表页', icon: 'table', permission: [ 'table' ] },
  82.       //   children: [
  83.       //     {
  84.       //       path: '/list/query-list',
  85.       //       name: 'QueryList',
  86.       //       component: () => import('@/views/list/TableList'),
  87.       //       meta: { title: '查询表格', permission: [ 'table' ] }
  88.       //     },
  89.       //     {
  90.       //       path: '/list/edit-table',
  91.       //       name: 'EditList',
  92.       //       component: () => import('@/views/list/TableInnerEditList'),
  93.       //       meta: { title: '内联编辑表格', permission: [ 'table' ] }
  94.       //     },
  95.       //     {
  96.       //       path: '/list/user-list',
  97.       //       name: 'UserList',
  98.       //       component: () => import('@/views/list/UserList'),
  99.       //       meta: { title: '用户列表', permission: [ 'table' ] }
  100.       //     },
  101.       //     {
  102.       //       path: '/list/role-list',
  103.       //       name: 'RoleList',
  104.       //       component: () => import('@/views/list/RoleList'),
  105.       //       meta: { title: '角色列表', permission: [ 'table' ] }
  106.       //     },
  107.       //     {
  108.       //       path: '/list/permission-list',
  109.       //       name: 'PermissionList',
  110.       //       component: () => import('@/views/list/PermissionList'),
  111.       //       meta: { title: '权限列表', permission: [ 'table' ] }
  112.       //     },
  113.       //     {
  114.       //       path: '/list/basic-list',
  115.       //       name: 'BasicList',
  116.       //       component: () => import('@/views/list/StandardList'),
  117.       //       meta: { title: '标准列表', permission: [ 'table' ] }
  118.       //     },
  119.       //     {
  120.       //       path: '/list/card',
  121.       //       name: 'CardList',
  122.       //       component: () => import('@/views/list/CardList'),
  123.       //       meta: { title: '卡片列表', permission: [ 'table' ] }
  124.       //     },
  125.       //     {
  126.       //       path: '/list/search',
  127.       //       name: 'SearchList',
  128.       //       component: () => import('@/views/list/search/SearchLayout'),
  129.       //       redirect: '/list/search/article',
  130.       //       meta: { title: '搜索列表', permission: [ 'table' ] },
  131.       //       children: [
  132.       //         {
  133.       //           path: '/list/search/article',
  134.       //           name: 'SearchArticles',
  135.       //           component: () => import('../views/list/TableList'),
  136.       //           meta: { title: '搜索列表（文章）', permission: [ 'table' ] }
  137.       //         },
  138.       //         {
  139.       //           path: '/list/search/project',
  140.       //           name: 'SearchProjects',
  141.       //           component: () => import('../views/list/TableList'),
  142.       //           meta: { title: '搜索列表（项目）', permission: [ 'table' ] }
  143.       //         },
  144.       //         {
  145.       //           path: '/list/search/application',
  146.       //           name: 'SearchApplications',
  147.       //           component: () => import('../views/list/TableList'),
  148.       //           meta: { title: '搜索列表（应用）', permission: [ 'table' ] }
  149.       //         },
  150.       //       ]
  151.       //     },
  152.       //   ]
  153.       // },
  154.       //
  155.       // // profile
  156.       // {
  157.       //   path: '/profile',
  158.       //   name: 'profile',
  159.       //   component: RouteView,
  160.       //   redirect: '/profile/basic',
  161.       //   meta: { title: '详情页', icon: 'profile', permission: [ 'profile' ] },
  162.       //   children: [
  163.       //     {
  164.       //       path: '/profile/basic',
  165.       //       name: 'ProfileBasic',
  166.       //       component: () => import('@/views/profile/basic/Index'),
  167.       //       meta: { title: '基础详情页', permission: [ 'profile' ] }
  168.       //     },
  169.       //     {
  170.       //       path: '/profile/advanced',
  171.       //       name: 'ProfileAdvanced',
  172.       //       component: () => import('@/views/profile/advanced/Advanced'),
  173.       //       meta: { title: '高级详情页', permission: [ 'profile' ] }
  174.       //     }
  175.       //   ]
  176.       // },
  177.       //
  178.       // // result
  179.       // {
  180.       //   path: '/result',
  181.       //   name: 'result',
  182.       //   component: PageView,
  183.       //   redirect: '/result/success',
  184.       //   meta: { title: '结果页', icon: 'check-circle-o', permission: [ 'result' ] },
  185.       //   children: [
  186.       //     {
  187.       //       path: '/result/success',
  188.       //       name: 'ResultSuccess',
  189.       //       component: () => import(/* webpackChunkName: "result" */ '@/views/result/Success'),
  190.       //       meta: { title: '成功', hiddenHeaderContent: true, permission: [ 'result' ] }
  191.       //     },
  192.       //     {
  193.       //       path: '/result/fail',
  194.       //       name: 'ResultFail',
  195.       //       component: () => import(/* webpackChunkName: "result" */ '@/views/result/Error'),
  196.       //       meta: { title: '失败', hiddenHeaderContent: true, permission: [ 'result' ] }
  197.       //     }
  198.       //   ]
  199.       // },
  200.       //
  201.       // // Exception
  202.       // {
  203.       //   path: '/exception',
  204.       //   name: 'exception',
  205.       //   component: RouteView,
  206.       //   redirect: '/exception/403',
  207.       //   meta: { title: '异常页', icon: 'warning', permission: [ 'exception' ] },
  208.       //   children: [
  209.       //     {
  210.       //       path: '/exception/403',
  211.       //       name: 'Exception403',
  212.       //       component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/403'),
  213.       //       meta: { title: '403', permission: [ 'exception' ] }
  214.       //     },
  215.       //     {
  216.       //       path: '/exception/404',
  217.       //       name: 'Exception404',
  218.       //       component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/404'),
  219.       //       meta: { title: '404', permission: [ 'exception' ] }
  220.       //     },
  221.       //     {
  222.       //       path: '/exception/500',
  223.       //       name: 'Exception500',
  224.       //       component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/500'),
  225.       //       meta: { title: '500', permission: [ 'exception' ] }
  226.       //     }
  227.       //   ]
  228.       // },
  229.       //
  230.       // // account
  231.       // {
  232.       //   path: '/account',
  233.       //   component: RouteView,
  234.       //   name: 'account',
  235.       //   meta: { title: '个人页', icon: 'user', keepAlive: true, permission: [ 'user' ] },
  236.       //   children: [
  237.       //     {
  238.       //       path: '/account/center',
  239.       //       name: 'center',
  240.       //       component: () => import('@/views/account/center/Index'),
  241.       //       meta: { title: '个人中心', keepAlive: true, permission: [ 'user' ] }
  242.       //     },
  243.       //     {
  244.       //       path: '/account/settings',
  245.       //       name: 'settings',
  246.       //       component: () => import('@/views/account/settings/Index'),
  247.       //       meta: { title: '个人设置', hideHeader: true, keepAlive: true, permission: [ 'user' ]  },
  248.       //       redirect: '/account/settings/base',
  249.       //       alwaysShow: true,
  250.       //       children: [
  251.       //         {
  252.       //           path: '/account/settings/base',
  253.       //           name: 'BaseSettings',
  254.       //           component: () => import('@/views/account/settings/BaseSetting'),
  255.       //           meta: { title: '基本设置', hidden: true, keepAlive: true, permission: [ 'user' ]  }
  256.       //         },
  257.       //         {
  258.       //           path: '/account/settings/security',
  259.       //           name: 'SecuritySettings',
  260.       //           component: () => import('@/views/account/settings/Security'),
  261.       //           meta: { title: '安全设置', hidden: true, keepAlive: true, permission: [ 'user' ]  }
  262.       //         },
  263.       //         {
  264.       //           path: '/account/settings/custom',
  265.       //           name: 'CustomSettings',
  266.       //           component: () => import('@/views/account/settings/Custom'),
  267.       //           meta: { title: '个性化设置', hidden: true, keepAlive: true, permission: [ 'user' ]  }
  268.       //         },
  269.       //         {
  270.       //           path: '/account/settings/binding',
  271.       //           name: 'BindingSettings',
  272.       //           component: () => import('@/views/account/settings/Binding'),
  273.       //           meta: { title: '账户绑定', hidden: true, keepAlive: true, permission: [ 'user' ]  }
  274.       //         },
  275.       //         {
  276.       //           path: '/account/settings/notification',
  277.       //           name: 'NotificationSettings',
  278.       //           component: () => import('@/views/account/settings/Notification'),
  279.       //           meta: { title: '新消息通知', hidden: true, keepAlive: true, permission: [ 'user' ]  }
  280.       //         },
  281.       //       ]
  282.       //     },
  283.       //   ]
  284.       // }
  285.     ]
  286.   },
  287.   {
  288.     path: '*', redirect: '/404', hidden: true
  289.   }
  290. ]
  292. /**
  293.  * 基础路由
  294.  * @type { *[] }
  295.  */
  296. export const constantRouterMap = [
  297.   {
  298.     path: '/modules/daping/daping',
  299.     component: () => import('@/views/modules/daping/daping')
  300.   },
  301.   {
  302.     path: '/user',
  303.     component: UserLayout,
  304.     redirect: '/user/login',
  305.     hidden: true,
  306.     children: [
  307.       {
  308.         path: 'login',
  309.         name: 'login',
  310.         component: () => import(/* webpackChunkName: "user" */ '@/views/user/Login')
  311.       },
  312.       {
  313.         path: 'register',
  314.         name: 'register',
  315.         component: () => import(/* webpackChunkName: "user" */ '@/views/user/register/Register')
  316.       },
  317.       {
  318.         path: 'register-result',
  319.         name: 'registerResult',
  320.         component: () => import(/* webpackChunkName: "user" */ '@/views/user/register/RegisterResult')
  321.       },
  322.       {
  323.         path: 'alteration',
  324.         name: 'alteration',
  325.         component: () => import(/* webpackChunkName: "user" */ '@/views/user/alteration/Alteration')
  326.       },
  327.     ]
  328.   },
  330.   // {
  331.   //   path: '/',
  332.   //   name: 'index',
  333.   //   component: TabLayout,
  334.   //   meta: {title: '首页'},
  335.   //   redirect: '/dashboard/workplace',
  336.   //   children: [
  337.   //     {
  338.   //       path: '/online',
  339.   //       name: 'online',
  340.   //       redirect: '/online',
  341.   //       component: RouteView,
  342.   //       meta: {title: '在线开发', icon: 'dashboard', permission: ['dashboard']},
  343.   //       children: [
  344.   //         {
  345.   //           path: '/online/auto/:code',
  346.   //           name: 'report',
  347.   //           component: () => import('@/views/modules/online/cgreport/OnlCgreportAutoList')
  348.   //         },
  349.   //       ]
  350.   //     },
  351.   //   ]
  352.   // },
  354.   {
  355.     // OAuth2 APP页面路由
  356.     path: '/oauth2-app',
  357.     component: BlankLayout,
  358.     redirect: '/oauth2-app/login',
  359.     children: [
  360.       {
  361.         // OAuth2 登录路由
  362.         path: 'login',
  363.         name: 'login',
  364.         component: () => import(/* webpackChunkName: "oauth2-app.login" */ '@/views/user/oauth2/OAuth2Login')
  365.       },
  366.     ]
  367.   },
  369.   {
  370.     path: '/test',
  371.     component: BlankLayout,
  372.     redirect: '/test/home',
  373.     children: [
  374.       {
  375.         path: 'home',
  376.         name: 'TestHome',
  377.         component: () => import('@/views/Home')
  378.       }
  379.     ]
  380.   },
  381.   {
  382.     path: '/404',
  383.     component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/404')
  384.   },
  386. ]
添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注