vue 라우터 네비게이션 가드 + vuex 질문 입니다. ㅠㅡㅠ

Question

안녕하세요 ! vue에 입문한지 얼마 안된 뉴비입니다. ( _ _ ) 우선 로그인 하면 store(vuex)에 isLogin 변수에 기본값(false)를 true로 바꿔주는 axios 메소드를 작성하기까지는 성공하였습니다. 그 후 마이페이지에 들어가려면 먼저 로그인 체크를 하려고 store에 등록된 변수인 isLogin 변수를 router.js 파일안 또는 특정 컴포넌트에서 체크하려면 어떻게 해야하나요 ?? router.js파일에 store를 import 시켜서 isLogin 변수값을 꺼냇더니 로그인을 하여 isLogin값을 바꾸어도 router내에서는 기본값만 인식되더라구요 ㅠㅠ (바뀐값이 적용이 안된다는 뜻 입니다). 그렇다고 마이페이지 코드에다가 beforeRouteEnter 메소드 안에 this.$store.state.isLogin 했더니 이것 또한 인식을 못하더라구요 .... 어떻게 해야하죠 ㅜㅜㅜㅜㅜ

Uksssssssss · Answer

음... router에서 store를 import하는 pattern은 아직 본 적이 없습니다.혹 isLogin이 true라면 다른 path로 redirection하려고 하시는지요?https://stackoverflow.com/questions/45856929/redirect-to-requested-page-after-login-using-vue-router이거 참고하시면 될 것 같습니다. 그리고 beforeRouteEnter가 컴포넌트의 methods를 말씀하시는 거라면 접근 방법이 틀리지는 않은 것 같아요. 다만 Vuex가 Vue에 제대로 붙어있지 않는것으로 보이네요. main.js를 한번 볼 수 있을까요? 자세한 답변은 코드를 봐야 알 수 있을 것 같네요!

choboyeyo · Answer

앗 죄송합니다 제가 출장을 다녀오느라 확인이 늦었습니다.말씀해주신것처럼 제 웹은 현재

vue 라우터 네비게이션 가드 + vuex 질문 입니다. ㅠㅡㅠ

2개의 답변

Q&A 목록