import { createWebHistory, createRouter } from "vue-router"; // import App from "../App.vue"; import login from "../Login.vue"; import Join from "../Join.vue"; import MyPage from "./main/MyPage.vue"; import MyPlan from "./main/MyPlan.vue"; import MyPlan2 from "./main/MyPlan2.vue"; import PhotoBook from "./main/PhotoBook.vue"; import Dashboard from "./main/Dashboard.vue"; import AIDashboard from "./main/AIDashboard.vue"; import Camera from "./main/Camera.vue"; import PhotoDesign from "./main/PhotoDesign.vue"; import PhotoEdit from "./main/PhotoEdit.vue"; import PreviewNote from "./main/PreviewNote.vue"; import Main from "./main/Main.vue"; import Main_c from "./main/Main_c.vue"; import Chapter1 from "./main/Chapter/Chapter1.vue"; import Chapter1_1 from "./main/Chapter/Chapter1_1.vue"; import Chapter1_2 from "./main/Chapter/Chapter1_2.vue"; import Chapter1_3 from "./main/Chapter/Chapter1_3.vue"; import Chapter2 from "./main/Chapter/Chapter2.vue"; import Chapter2_1 from "./main/Chapter/Chapter2_1.vue"; import Chapter2_2 from "./main/Chapter/Chapter2_2.vue"; import Chapter2_3 from "./main/Chapter/Chapter2_3.vue"; import Chapter2_4 from "./main/Chapter/Chapter2_4.vue"; import Chapter2_5 from "./main/Chapter/Chapter2_5.vue"; import Chapter2_6 from "./main/Chapter/Chapter2_6.vue"; import Chapter2_7 from "./main/Chapter/Chapter2_7.vue"; import Chapter2_8 from "./main/Chapter/Chapter2_8.vue"; import Chapter2_9 from "./main/Chapter/Chapter2_9.vue"; import Chapter2_10 from "./main/Chapter/Chapter2_10.vue"; import Chapter2_11 from "./main/Chapter/Chapter2_11.vue"; import Chapter2_12 from "./main/Chapter/Chapter2_12.vue"; import Chapter2_13 from "./main/Chapter/Chapter2_13.vue"; import Chapter3 from "./main/Chapter/Chapter3.vue"; import Chapter3_1 from "./main/Chapter/Chapter3_1.vue"; import Chapter3_2 from "./main/Chapter/Chapter3_2.vue"; import Chapter3_3 from "./main/Chapter/Chapter3_3.vue"; import Chapter3_3_1 from "./main/Chapter/Chapter3_3_1.vue"; import Chapter3_4 from "./main/Chapter/Chapter3_4.vue"; import Chapter3_5 from "./main/Chapter/Chapter3_5.vue"; import Chapter3_6 from "./main/Chapter/Chapter3_6.vue"; import Chapter3_7 from "./main/Chapter/Chapter3_7.vue"; import Chapter3_8 from "./main/Chapter/Chapter3_8.vue"; import Chapter3_9 from "./main/Chapter/Chapter3_9.vue"; import Chapter3_10 from "./main/Chapter/Chapter3_10.vue"; import Chapter3_11 from "./main/Chapter/Chapter3_11.vue"; import Chapter3_12 from "./main/Chapter/Chapter3_12.vue"; import Chapter3_13 from "./main/Chapter/Chapter3_13.vue"; import Chapter3_14 from "./main/Chapter/Chapter3_14.vue"; import Chapter3_15 from "./main/Chapter/Chapter3_15.vue"; import Chapter3_16 from "./main/Chapter/Chapter3_16.vue"; import Chapter4 from "./main/Chapter/Chapter4.vue"; import Chapter5 from "./main/Chapter/Chapter5.vue"; import Chapter6 from "./main/Chapter/Chapter6.vue"; import Chapter7 from "./main/Chapter/Chapter7.vue"; import Chapter8 from "./main/Chapter/Chapter8.vue"; import Chapter9 from "./main/Chapter/Chapter9.vue"; import Chapter10 from "./main/Chapter/Chapter10.vue"; import Chapter11 from "./main/Chapter/Chapter11.vue"; import Main_p from "./parents/Main_p.vue"; import Main_t from "./teacher/Main_t.vue"; import Board from "./teacher/Board.vue"; import noticeInsert from "./teacher/noticeInsert.vue"; import noticeDetail from "./teacher/noticeDetail.vue"; import StudentList from "./teacher/StudentList.vue"; import StudentDetail from "./teacher/StudentDetail.vue"; import textbook from "./teacher/textbook.vue"; import C_Textbook from "./teacher/C_Textbook.vue"; import C_TextBookDetail from "./teacher/C_TextBookDetail.vue"; import C_TextList from "./teacher/C_TextList .vue"; import C_TextInsert from "./teacher/C_TextInsert.vue"; import C_QuestionList from "./teacher/C_QuestionList.vue"; import C_QuestionInsert from "./teacher/C_QuestionInsert.vue"; import C_Voca_List from "./teacher/C_Voca_List.vue"; import C_ExamList from "./teacher/C_ExamList.vue"; import C_ExamDetail from "./teacher/C_ExamDetail.vue"; import C_ExamInsert from "./teacher/C_ExamInsert.vue"; import TextBookDetail from "./teacher/TextBookDetail.vue"; import Home from "./teacher/Home.vue"; import ClassDetail from "./teacher/ClassDetail.vue"; import TextList from "./teacher/TextList.vue"; import TextInsert from "./teacher/TextInsert.vue"; import TextDetail from "./teacher/TextDetail.vue"; import QuestionList from "./teacher/QuestionList.vue"; import QuestionInsert from "./teacher/QuestionInsert.vue"; import QuestionDetail from "./teacher/QuestionDetail.vue"; import VocaList from "./teacher/VocaList.vue"; import VocaInsert from "./teacher/VocaInsert.vue"; import VocaDetail from "./teacher/VocaDetail.vue"; import ExamList from "./teacher/ExamList.vue"; import ExamDetail from "./teacher/ExamDetail.vue"; import ExamInsert from "./teacher/ExamInsert.vue"; import RoadMap from "./teacher/RoadMap.vue"; import store from './AppStore'; import axios from "axios"; const routes = [ { path: "/login.page", name: "login", component: login }, { path: "/Join.page", name: "Join", component: Join }, // { path: '/App.page', name: 'App', component: App, // children:[ // ] // }, // { path: '/Main.page', name: 'Main', component: Main}, /* 학생 */ { path: "/", name: "Main", component: Main, children: [ { path: "/Dashboard.page", name: "Dashboard", component: Dashboard, }, { path: "/AIDashboard.page", name: "AIDashboard", component: AIDashboard, }, { path: "/MyPage.page", name: "MyPage", component: MyPage }, { path: "/MyPlan.page", name: "MyPlan", component: MyPlan }, { path: "/MyPlan2.page", name: "MyPlan2", component: MyPlan2 }, { path: "/PhotoBook.page", name: "PhotoBook", component: PhotoBook, }, { path: "/PreviewNote.page", name: "PreviewNote", component: PreviewNote, }, ], }, { path: "/Camera.page", name: "Camera", component: Camera }, { path: "/PhotoDesign.page", name: "PhotoDesign", component: PhotoDesign }, { path: "/PhotoEdit.page", name: "PhotoEdit", component: PhotoEdit }, /* 지문 */ { path: "/Chapter1.page", name: "Chapter1", component: Chapter1 }, { path: "/Chapter1_1.page", name: "Chapter1_1", component: Chapter1_1 }, { path: "/Chapter1_2.page", name: "Chapter1_2", component: Chapter1_2 }, { path: "/Chapter1_3.page", name: "Chapter1_3", component: Chapter1_3 }, /* 단어장 및 지문 문제 */ { path: "/Chapter2.page", name: "Chapter2", component: Chapter2 }, { path: "/Chapter2_1.page", name: "Chapter2_1", component: Chapter2_1 }, { path: "/Chapter2_2.page", name: "Chapter2_2", component: Chapter2_2 }, { path: "/Chapter2_3.page", name: "Chapter2_3", component: Chapter2_3 }, { path: "/Chapter2_4.page", name: "Chapter2_4", component: Chapter2_4 }, { path: "/Chapter2_5.page", name: "Chapter2_5", component: Chapter2_5 }, { path: "/Chapter2_6.page", name: "Chapter2_6", component: Chapter2_6 }, { path: "/Chapter2_7.page", name: "Chapter2_7", component: Chapter2_7 }, { path: "/Chapter2_8.page", name: "Chapter2_8", component: Chapter2_8 }, { path: "/Chapter2_9.page", name: "Chapter2_9", component: Chapter2_9 }, { path: "/Chapter2_10.page", name: "Chapter2_10", component: Chapter2_10 }, { path: "/Chapter2_11.page", name: "Chapter2_11", component: Chapter2_11 }, { path: "/Chapter2_12.page", name: "Chapter2_12", component: Chapter2_12 }, { path: "/Chapter2_13.page", name: "Chapter2_13", component: Chapter2_13 }, /* 평가 문제 */ { path: "/Main_c.page", name: "Main_c", component: Main_c, children: [ { path: "/Chapter3.page", name: "Chapter3", component: Chapter3 }, { path: "/Chapter3_1.page", name: "Chapter3_1", component: Chapter3_1, }, { path: "/Chapter3_2.page", name: "Chapter3_2", component: Chapter3_2, }, { path: "/Chapter3_3.page", name: "Chapter3_3", component: Chapter3_3, }, { path: "/Chapter3_3_1.page", name: "Chapter3_3_1", component: Chapter3_3_1, }, { path: "/Chapter3_4.page", name: "Chapter3_4", component: Chapter3_4, }, { path: "/Chapter3_5.page", name: "Chapter3_5", component: Chapter3_5, }, { path: "/Chapter3_6.page", name: "Chapter3_6", component: Chapter3_6, }, { path: "/Chapter3_7.page", name: "Chapter3_7", component: Chapter3_7, }, { path: "/Chapter3_8.page", name: "Chapter3_8", component: Chapter3_8, }, { path: "/Chapter3_9.page", name: "Chapter3_9", component: Chapter3_9, }, { path: "/Chapter3_10.page", name: "Chapter3_10", component: Chapter3_10, }, { path: "/Chapter3_11.page", name: "Chapter3_11", component: Chapter3_11, }, { path: "/Chapter3_12.page", name: "Chapter3_12", component: Chapter3_12, }, { path: "/Chapter3_13.page", name: "Chapter3_13", component: Chapter3_13, }, { path: "/Chapter3_14.page", name: "Chapter3_14", component: Chapter3_14, }, { path: "/Chapter3_15.page", name: "Chapter3_15", component: Chapter3_15, }, ], }, /* 설문 조사 페이지*/ { path: "/Chapter3_16.page", name: "Chapter3_16", component: Chapter3_16 }, /* 평가 결과 페이지*/ { path: "/Chapter4.page", name: "Chapter4", component: Chapter4 }, { path: "/Chapter5.page", name: "Chapter5", component: Chapter5 }, { path: "/Chapter6.page", name: "Chapter6", component: Chapter6 }, { path: "/Chapter7.page", name: "Chapter7", component: Chapter7 }, { path: "/Chapter8.page", name: "Chapter8", component: Chapter8 }, { path: "/Chapter9.page", name: "Chapter9", component: Chapter9 }, { path: "/Chapter10.page", name: "Chapter10", component: Chapter10 }, { path: "/Chapter11.page", name: "Chapter11", component: Chapter11 }, /* 부모님 */ { path: "/Main_p.page", name: "Main_p", component: Main_p }, /* 선생님 */ { path: "/Main_t.page", name: "Main_t", component: Main_t, children: [ { path: "/Board.page", name: "Board", component: Board }, { path: "/noticeInsert.page", name: "noticeInsert", component: noticeInsert, }, { path: "/noticeDetail.page", name: "noticeDetail", component: noticeDetail, }, { path: "/Home.page", name: "Home", component: Home }, { path: "/ClassDetail.page", name: "ClassDetail", component: ClassDetail, }, { path: "/StudentList.page", name: "StudentList", component: StudentList, }, { path: "/StudentDetail.page", name: "StudentDetail", component: StudentDetail, }, { path: "/C_Textbook.page", name: "C_Textbook", component: C_Textbook, }, { path: "/textbook.page", name: "textbook", component: textbook }, { path: "/TextBookDetail.page", name: "TextBookDetail", component: TextBookDetail, }, { path: "/C_TextBookDetail.page", name: "C_TextBookDetail", component: C_TextBookDetail, }, { path: "/TextList.page", name: "TextList", component: TextList }, { path: "/TextInsert.page", name: "TextInsert", component: TextInsert, }, { path: "/TextDetail.page", name: "TextDetail", component: TextDetail, }, { path: "/QuestionList.page", name: "QuestionList", component: QuestionList, }, { path: "/QuestionInsert.page", name: "QuestionInsert", component: QuestionInsert, }, { path: "/QuestionDetail.page", name: "QuestionDetail", component: QuestionDetail, }, { path: "/VocaList.page", name: "VocaList", component: VocaList }, { path: "/VocaInsert.page", name: "VocaInsert", component: VocaInsert, }, { path: "/VocaDetail.page", name: "VocaDetail", component: VocaDetail, }, { path: "/ExamList.page", name: "ExamList", component: ExamList }, { path: "/ExamDetail.page", name: "ExamDetail", component: ExamDetail, }, { path: "/ExamInsert.page", name: "ExamInsert", component: ExamInsert, }, { path: "/C_TextList.page", name: "C_TextList", component: C_TextList, }, { path: "/C_TextInsert.page", name: "C_TextInsert", component: C_TextInsert, }, { path: "/C_QuestionList.page", name: "C_QuestionList", component: C_QuestionList, }, { path: "/C_QuestionInsert.page", name: "C_QuestionInsert", component: C_QuestionInsert, }, { path: "/C_Voca_List.page", name: "C_Voca_List", component: C_Voca_List, }, { path: "/C_ExamList.page", name: "C_ExamList", component: C_ExamList, }, { path: "/C_ExamDetail.page", name: "C_ExamDetail", component: C_ExamDetail, }, { path: "/C_ExamInsert.page", name: "C_ExamInsert", component: C_ExamInsert, }, { path: "/RoadMap.page", name: "RoadMap", component: RoadMap }, { path: "/TextDetail.page", name: "TextDetail", component: TextDetail, }, ], }, ]; const AppRouter = createRouter({ history: createWebHistory(), routes, }); AppRouter.beforeEach((to, from, next) => { const publicPages = ['/login.page', '/Join.page']; const authRequired = !publicPages.includes(to.path); const isLoggedIn = store.getters.isLoggedIn; if (authRequired && !isLoggedIn) { // 토큰이 존재하는지 확인 const token = localStorage.getItem('token'); if (token) { // 토큰 유효성 검증 axios.post('/auth/validateToken.json', {}, { headers: { Authorization: token } }).then(response => { if (response.data.status === 'success') { const userInfo = response.data.userInfo; store.commit('setToken', token); store.commit('setUser', userInfo.usid); store.commit('setAuthcd', userInfo.author[0].authorCode); const roles = userInfo.author.map(role => role.authorCode); // 학생은 Main_t로 접근할 수 없음 if (roles.includes("STUDENT")) { next('Dashboard.page'); } // 선생님은 Main으로 접근할 수 없음 else if (roles.includes("TEACHER")) { next('Board.page'); } else if (roles.includes("PARENT")) { next('Main_p.page'); } else if (roles.includes("ADMIN")){ next('Dashboard.page'); } } else { // 유효하지 않은 경우 alert("계정이 로그아웃되었습니다"); localStorage.removeItem('token'); next("login.page"); } }).catch(error => { alert("계정이 로그아웃되었습니다"); console.error('토큰 검증 오류:', error); localStorage.removeItem('token'); next("login.page"); }); } else { next("login.page"); } } else { next(); } }); export default AppRouter;