import apiClient from "./index";

 export const getCntxtPth = () => {

 }

 export const saveCntxtPth = cntxtPth => {

 });

 const excludeCtxUrls = [

 ]

 apiClient.interceptors.request.use(

   config => {

     const excludeCtxUrl = excludeCtxUrls.some(url => config.url.includes(url));

     const contextPath = store.state.contextPath || '';

       config.url = contextPath + config.url; // 요청 시 Context Path 추가

     }

 import moment from 'moment';

 const filters = {

     // 아이디 정규식(5~20자의 영문 소문자, 숫자와 특수기호(_),(-)만 사용)

     date(value) {

         return moment(value).format('YYYY-MM-DD');

 <template>

   <div v-if="breadcrumbList.length > 0">

     <span v-for="(crumb, index) in breadcrumbList" :key="index">

       {{ crumb.menuNm }}

       <span v-if="index < breadcrumbList.length - 1"> &gt; </span>

             <div class="page-title">

                 <p>{{ pgNm }} </p>

             </div>

         </div>

         <div class="info-wrap">

             <div class="info">

         // 사이트 이동

         fnSiteMove() {

             this.$router.push({

             });

         },

         ...mapActions(["logout"]),

         async fnlogOut() {

             await this.logout();

             this.$router.push({

             });

         },

         // 캐시 초기화

 <template>

     <div class="side-bar">

         <div class="logo">

         </div>

         <nav>

             <ul class="main-menu">

                         isOpen: false, // 1뎁스 닫힘

                         childList: menu.childList.map(sub => ({

                             ...sub,

                         }))

                     }));

                     // 전체 메뉴 트리 store에 저장

       <div class="flex justify-between align-center header">

         <div class="logo">

           <router-link

           >

             <img

               src="../../resources/img/logo-color.png"

     async fnlogOut() {

       await this.logout();

       this.$router.push({

       });

     },

     // 사용자 정보 보기로 이동

     fnLink() {

       this.$router.push({

       });

     },

   },

         };

         const res = await findBySysMenu(params);

         if (res.status == 200) {

           // 전체 메뉴 트리 store에 저장

           this.$store.commit('setMenuList', this.menuList);

           this.fnMenuActive(this.$route.path);

     <AdminHeader />

     <AdminMenu />

     <main class="main-wrap">

           <router-view />

         </div>

     </main>

   <div v-else v-cloak class="user-wrap relative">

     <main class="main-wrap">

       <router-view />

     </main>

   </div>

   computed: {

     isAdminPage() {

       // 현재 URL을 기반으로 사용자와 관리자 페이지 여부를 판단

     },

   },

   components: {

 import { createWebHistory, createRouter } from "vue-router";

 import store from "./AppStore";

 // 메인화면

 import Main from "./user/portal/main/Main.vue";

   try {

     const res = await getCntxtPth();

     if (res.status == 200) {

       store.commit("setContextPath", ctx); // Context Path 정보 저장

       return ctx;

     }else {

       store.commit("setStoreReset");

     }

   } catch (error) {

     return [];

       return newRoutes;

     }else {

       store.commit("setStoreReset");

     }    

   } catch (error) {

     return [];

   const dynamicRoutes = await fetchRoutes(); // DB에 적재된 라우터 정보 호출

   const prefixedBeforeRoutes = addContextPathToRoutes(beforeRoutes, ctx); // 기존 라우터 정보에 Context Path 추가

   const prefixedDynamicRoutes = addContextPathToRoutes(dynamicRoutes, ctx); // DB에 적재된 라우터 정보에 Context Path 추가

   const newRoutes = prefixedBeforeRoutes.concat(prefixedDynamicRoutes); // 기존 라우터 정보와 합치기

   const AppRouter = createRouter({

     history: createWebHistory(),

     routes: newRoutes,

     console.log('loginMode', loginMode)

     // 로그인 상태 확인 (JWT 또는 SESSION)

     const isLogin = loginMode === 'J' ? store.state.authorization : store.state.mbrId;

       return;

     }

     const roleCheck = isValidRole();

     if (!accesCheck || !roleCheck) {

       alert('접근이 불가합니다.\n관리자에게 문의하세요.');

     }

     // 경로에 따른 사용자 타입 설정

       store.commit('setUserType', 'portal')

       store.commit('setUserType', 'adm');

     } 

       store.commit('setPath', to.path);

       next();

       return;

     sessionStorage.setItem("redirect", to.fullPath);

     // 메인 페이지 or 로그인 페이지

       let path = to.path;

       // 게시판일 경우 .page로 끝나는 경로가 있으므로 마지막 '/' 이전 경로로 설정

       if (to.path.includes('BBS_MNG')) {

         path = to.path.substring(0, lastSlashIndex); // 마지막 '/' 이전 경로

       }

       store.commit('setPath', path);

       // 권한이 있고 접근 가능한 경우

       if (hasAcc) {

         if (to.path.includes('.page')) {

           const path = to.path.substring(0, lastSlashIndex); // 마지막 '/' 이전 경로

           store.commit('setPath', path);

         }

       }

     } else {

       // sessionStorage.setItem("redirect", to.fullPath);

     }

   });

   return AppRouter;

           document.cookie = "refresh=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

           document.cookie = "Authorization=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

           // 4. 로그인 페이지로 이동

         }

       } catch(error) {

         const errorData = error.response.data;

       }

       // axios 호출

       await defaultAxios({

         method: "post",

         headers: {

           "Content-Type": "multipart/form-data; charset=UTF-8",

       }

       // axios 호출

       defaultAxios({

         method: "post",

         headers: {

           "Content-Type": "multipart/form-data; charset=UTF-8",

       }

       // axios 호출

       await defaultAxios({

         method: "post",

         headers: {

           "Content-Type": "multipart/form-data; charset=UTF-8",

       }

       // axios 호출

       defaultAxios({

         method: "post",

         headers: {

           "Content-Type": "multipart/form-data; charset=UTF-8",

       }

       // axios 호출

       await defaultAxios({

         method: "post",

         headers: {

           "Content-Type": "multipart/form-data; charset=UTF-8",

       }

       // axios 호출

       defaultAxios({

         method: "post",

         headers: {

           "Content-Type": "multipart/form-data; charset=UTF-8",

       }

       try {

         const response = await defaultAxios({

           method: "post",

           headers: {

             "Content-Type": "application/json; charset=UTF-8",

       }

       // axios 호출

       await defaultAxios({

         method: "post",

         headers: {

           "Content-Type": "multipart/form-data; charset=UTF-8",

       }

       // axios 호출

       defaultAxios({

         method: "post",

         headers: {

           "Content-Type": "multipart/form-data; charset=UTF-8",

       }

       try {

         const response = await defaultAxios({

           method: "post",

           headers: {

             "Content-Type": "application/json; charset=UTF-8",

       }

       if (this.bbsCnList[idx].type == "faq") {

         this.$router.push({

         });

       } else {

         this.$router.push({

           query: {

             pageId: this.bbsCnList[idx]["id"],

           },

   methods: {

     passwordReset: function () {},

     insertPage: function () {

     },

   },

   watch: {},

       // URL 삽입

       let url = null;

       if (this.popup["popupId"] != null) {

       } else {

       }

       this.axiosUpsert(url, formData);

         formData.append("chart", chartToBlob);

         // 실행

         defaultAxios({

           method: "post",

           headers: {

             "Content-Type": "multipart/form-data; charset=UTF-8",

         formData.append("chart", chartToBlob);

         // 실행

         defaultAxios({

           method: "post",

           headers: {

             "Content-Type": "multipart/form-data; charset=UTF-8",

         formData.append("chart", chartToBlob);

         // 실행

         defaultAxios({

           method: "post",

           headers: {

             "Content-Type": "multipart/form-data; charset=UTF-8",

         //         await saveByLoginMode(loginMode);

         alert('로그인 방식이 변경되었습니다.\n다시 로그인해주세요.');

         store.commit("setStoreReset");

       } catch (err) {

         alert('로그인 방식 저장 실패: ' + (err.response?.data?.message || err.message));

         this.lgnMode = this.previousLgnMode;

           const res = await saveCntxtPth(ctx);

           alert(res.data.message);

           if (res.status == 200) {

             let storeCtx = this.cntxtPth;

             if(storeCtx == '/') {

               storeCtx = '';

             }

             store.commit("setContextPath", storeCtx); // 캐시 초기화 요청을 보내기 위한 Context Path 정보 저장

             // window.location.reload(); // AppRouter 재실행을 위한 페이지 새로고침

           } else {

             alert(res.data.message);

           }

           }

           const url = this.restoreRedirect("redirect");

           if (url != null && url != "") {

             } else {

               this.$router.push({ path: url });

             }

           } else {

           }

     },

     moveSearchId() {

       this.$router.push({

         query: {

           tab: "id",

         },

     },

     moveResetPswd() { 

       this.$router.push({

         query: {

           tab: "pw",

         },

         );

         if (isCheck) {

           this.$router.push({

           });

         }

       } catch (error) {

           );

           if (isCheck) {

             this.$router.push({

             });

           }

         }

         );

         if (isCheck) {

           this.$router.push({

           });

         }

       } catch (error) {

   methods: {

     fnMainMove() {

       this.$router.push({

       });

     },

     fnGoBack() {

         fnView(item, subItem) {

             let menuPath = null;

             if(item.routerUrl.includes('.page')) {

                 menuPath = item.routerUrl.substring(0, lastSlashIndex) ; // 마지막 '/' 이전 경로

             }