vue router.beforeEach가 safari에서 동작하지 않는 문제

Question

안녕하세요 프론트앤드에서 일하고있는 주니어입니다.다름이아니라 router를 통해 토큰을 인증하는 과정에서 router.beforeEach가 사파리에서만 적용이 안되는 현상이 발견되어 질문드립니다. 우선 meta로 각 컴포넌트마다 authRequired를 넣어주었습니다. 로그인 페이지는 토큰이 없어야 진입하도록 하였습니다.const router &#61; new Router({ linkExactActiveClass: 'active', scrollBehavior: () &#61;> ({ y: 0 }), mode: 'history', // base: '/', routes: [ { path: '/', name: 'login', component: () &#61;> import('&#64;/pages/login/Login.vue'), meta: { authRequired: false }, }, { path: '/', component: layout, children: [ { path: 'dashboard', name: 'dashboard', component: () &#61;> import('&#64;/pages/dashboard'), meta: { authRequired: true }, }, ] } ] }) 그리고 아래와같이 beforeEach로 각 컴포넌트에 진입하기 전 해당 로직을 거치도록 추가하였습니다. router.beforeEach((to, from, next) &#61;> { let token &#61; VueCookies.get('jwtToken'); let isAuthenticated &#61; token !&#61;&#61; null; console.log(&#34;I'm in!!!&#34;) if (to.matched.some((routerInfo) &#61;> { return routerInfo.meta.authRequired; })) { if(!isAuthenticated) { if(to.name !&#61; 'login') { next({name: 'login'}); } }else { next(); } }else { next(); } }) 결과적으로는 크롬에서는 I'm in! 이라는 콘솔이 표시가되지만, 사파리에서는 표시도 안되고, 기능도 동작하지 않는 것을 확인하였습니다.사파리에서 beforeEach를 사용하기위한 조건이 있을까요? Google Chrome은 아래처럼 각 페이지들로 넘어가면서 beforeEach로 들어가는 것을 확인했습니다.기능도 정상작동합니다. Safari의 경우 아래처럼 기능도 정상작동 하지 않고 콘솔도 표시되지 않았습니다.

vue router.beforeEach가 safari에서 동작하지 않는 문제

0개의 답변

Q&A 목록