inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 끝장내기 - 실무에 필요한 모든 것

인증되지 않은 사용자 접근 제어

next()에서 모달 띄우기2

373

대현

작성한 질문수 39

1

저도 아랫분과 같은 질문이 있는데요 직접 해봤는데 정확히 beforeRouteEnter를 어디서 선언해야하는지 모르겠더라구요. router-view가 적혀진 template을 가지는 App.vue에 하는게 맞는거 같아서 다음과 같이 써 보았는데, 잘 작동이 되지 않는것 같습니다. 

vuex vuejs javascript

답변 2

3

대현

네 덕분에 이제 잘됩니다! 혹시 저처럼 하실 분들 주의할게 beforeRouterEnter를 사용하면 this를 사용할 수 없어서  this로 접근하고자 하는 Vue의 prototype들 사용이 불가능합니다. store를 예로 들면,  this.$store가 사용이 불가능해서 이땐 직접 import store from '@/store'를 하거나 import Vue from 'vue' 하셔서 Vue.prototype.$store 이런식으로 쓰시면 됩니다!

0

캡틴판교

안녕하세요 대현님, 로그인 여부로 권한 제어 하시려는 페이지에 beforeRouteEnter를 넣어주시면 됩니다. 제가 프로젝트 구조를 알 수가 없어서 더 이상 팔로업은 힘들 것 같고 로직이 잘 분기가 되는지 먼저 콘솔이나 디버거를 활용해보시는게 좋을 것 같아요. 위 코드 기준으로는 dialog가 동작하더라도 UI 상으로 나타날 수 없는 구조라면 코드가 동작하지 않는 것처럼 보일 것 같습니다 :)

node 10버전 사용

0

64

1

강의에 대해 질문 드립니다.

0

60

1

vue CLI 대신 vite를 사용해도

1

139

2

질문삭제

0

149

2

강사님 코드로 진행할 경우 console.log( config); 도 안찍혔어요. instance 를 생성해서 공통으로 사용하셨는데 loginUser 에만 커스텀한 instance를 넣으니 콘솔에 컨피그 객체가 찍혀요

0

91

1

로그인 에러발생만하면 네트워크 커넥션 에러 발생 해결

0

117

1

rndrmagkqslek.

0

73

1

계속 따라하다가 안돼서 bash에 연결할떄 안되더라구요

0

104

1

axios 에러가 뜹니다.

1

237

2

vue3로 진행하시면서 router에서 '*' 적용이 안되시는 분들

2

311

1

vue 관련 다른 강의 출시예정이없으신지 궁금합니다!

1

154

1

AppHeader.vue에 vue 디폴트 만들에 Delete `␍` 오류나면

1

195

1

vue3로 따라오시다가 import axios 에러 뜨시는 분들

2

445

2

$router 를 이용한 메인 페이지로 이동

1

289

1

혹시 node.js 10.24 버전으로 해도 상관없나요?

2

461

2

에러 경로가 LoginForm.vue 43번째줄 말고 다른 경로로 출력됩니다.

1

297

2

pinia 사용할려고 하는데 에러가 나옵니다.

1

486

2

swagger ui의 post/posts에 글 기록하려고 하면 unauthorized 에러가 납니다..

1

1102

2

safari 개발자 도구에 대한 질문입니다

1

568

2

스웨거에 글 등록시 401 에러가 나와요 ㅠ

1

722

2

이 에러 때문에 진행이 안되네요 ㅠ

1

673

1

windows .nvmrc nvm use 실행 오류

1

1546

2

강사님 최신화가 필요해보입니다.

2

959

2

npm i 에러

1

610

1