inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Vue.js Hoàn Toàn Chuyên Nghiệp - Mọi Thứ Cần Thiết Cho Công Việc Thực Tế

Kiểm soát truy cập của người dùng không được xác thực

next()에서 라우트가 아닌 모달 띄우는 방법?

337

jiahnkimm0983

10 câu hỏi đã được viết

2

저는 로그인 방식을 모달로 구현해놔서요..! 우선은 잘못된 접근일 때 메인으로 가도록 설정 해 주었는데요, 혹시 모달을 따로 띄우는 방법도 있나요? ⭐️ 

vuex javascript vuejs

Câu trả lời 2

2

captain

안녕하세요 도미니카님 :) 네 가능합니다. router-view라고 선언하는 태그 자체가 컴포넌트인데요. 해당 컴포넌트에서 모달을 띄울 수 있는 구조로 만들어 놓으시고 잘못된 접근일 때 아래와 같은 컴포넌트 내부 라우터 네비게이션 가드 옵션을 이용해서 모달을 띄우시면 될 것 같습니다 :)

0

jiahnkimm0983

답변 감사합니다 ~!! 제가 뷰를 처음 하면서 포트폴리오를 만들고 있는데, 실력이 부족한 상태로 시작을 해서 모달기능을 모듈로 받아 이용중이에요 😂. 모달을 뿌려주는 컴포넌트에서 위와 같이 로그인일때만 접근이 가능 하게 할 수도 있겠죠?. 지금은 라우트로 접근을 하지않고, 단순히 로그인에따른 분기처리를 해 놓았기 때문에 접근이 불가능 하겠지만 추후에 프로젝트 고도화를 하게되면 사용해봐야겠다는 생각이 들어요!. 취업을 하게되면 작은 토이프로젝트도 하고싶은데, 그때에도 유용하게 사용할 듯 합니다 ㅎㅎ!! 늘 감사합니다 !!! 👍🙏

node 10버전 사용

0

100

1

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

0

86

1

vue CLI 대신 vite를 사용해도

1

180

2

질문삭제

0

184

2

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

0

112

1

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

0

137

1

rndrmagkqslek.

0

84

1

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

0

113

1

axios 에러가 뜹니다.

1

265

2

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

2

333

1

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

1

164

1

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

1

205

1

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

2

478

2

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

1

300

1

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

2

491

2

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

1

319

2

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

1

513

2

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

1

1140

2

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

1

595

2

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

1

746

2

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

1

684

1

windows .nvmrc nvm use 실행 오류

1

1573

2

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

2

973

2

npm i 에러

1

630

1