✨ [feat] : 권한별 접근 가능 페이지 설정

Author: seorang42

src/components/top-bar/TopBar.vue

@@ -55,12 +55,29 @@ import { storeToRefs } from 'pinia'
 import { useMemberStore } from '@/stores/member'
 import NotificationModal from './NotificationModal.vue'
 import ProfileModal from './ProfileModal.vue'
+import { useRoute, useRouter } from 'vue-router'
+import { PERMITTED_URL } from '@/constants/common'
 
 const memberStore = useMemberStore()
 const { info } = storeToRefs(memberStore)
 
+const route = useRoute()
+const router = useRouter()
 onMounted(async () => {
   await memberStore.updateMemberInfoWithToken()
+
+  const originUrl = route.path.split('/')[1]
+  if (info.value.memberRole === 'ROLE_USER') {
+    if (!PERMITTED_URL.ROLE_USER.includes(originUrl)) router.push('/my-request')
+  } else if (info.value.memberRole === 'ROLE_MANAGER') {
+    if (!PERMITTED_URL.ROLE_MANAGER.includes(originUrl)) router.push('/my-task')
+  } else if (info.value.memberRole === 'ROLE_ADMIN') {
+    if (!PERMITTED_URL.ROLE_ADMIN.includes(originUrl)) router.push('/member-management')
+  } else {
+    if (!PERMITTED_URL.UNKNOWN.includes(originUrl)) {
+      router.push('/login')
+    }
+  }
 })
 
 const isSideOpen = ref(false)

src/constants/common.ts

@@ -37,3 +37,34 @@ export const COLOR_LIST = [
   { borderColor: '#8B5CF6', fillColor: '#F5F3FF', colorEnum: 'PURPLE' },
   { borderColor: '#A1A1AA', fillColor: '#F4F4F5', colorEnum: 'GREY' }
 ]
+
+export const PERMITTED_URL = {
+  UNKNOWN: ['login', 'pw-change-email', 'pw-change'],
+  ROLE_USER: ['my-request', 'task-request', 'edit-information', 'pw-check', 'pw-change'],
+  ROLE_MANAGER: [
+    'my-request',
+    'task-request',
+    'requested',
+    'request-history',
+    'my-task',
+    'task-board',
+    'team-board',
+    'statistics',
+    'task-detail',
+    'edit-information',
+    'pw-check',
+    'pw-change'
+  ],
+  ROLE_ADMIN: [
+    'member-management',
+    'edit-information',
+    'task-management',
+    'category-first',
+    'category-second',
+    'login-logs',
+    'api-logs',
+    'edit-information',
+    'pw-check',
+    'pw-change'
+  ]
+}