<p>로그인 이후에 /login으로 접근하게 되면 로그인페이지 접근이 가능한 것 같은데 만약 이부분을 막을려고 밑의 코드를 추가했습니다. 맞는 방법일까요? 동작은 잘되고있습니다.</p>
<div style="color: #f8f8f2; background-color: #282a36; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div style="line-height: 19px;">
<div>&nbsp;&nbsp;&nbsp;&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;path<span style="color: #ff79c6;">:</span>&nbsp;<span style="color: #e9f284;">'</span><span style="color: #f1fa8c;">/login</span><span style="color: #e9f284;">'</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #50fa7b;">component</span><span style="color: #ff79c6;">:</span>&nbsp;()&nbsp;<span style="color: #ff79c6;">=&gt;</span>&nbsp;<span style="color: #ff79c6;">import</span>(<span style="color: #e9f284;">'</span><span style="color: #f1fa8c;">@/views/LoginPage.vue</span><span style="color: #e9f284;">'</span>),</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #50fa7b;">beforeEnter</span><span style="color: #ff79c6;">:</span>&nbsp;(<span style="color: #ffb86c; font-style: italic;">to</span>,&nbsp;<span style="color: #ffb86c; font-style: italic;">from</span>,&nbsp;<span style="color: #50fa7b; font-style: italic;">next</span>)&nbsp;<span style="color: #ff79c6;">=&gt;</span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #ff79c6;">if</span>&nbsp;(store.<span style="color: #bd93f9;">getters</span>.isLogin)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #50fa7b;">next</span>(<span style="color: #e9f284;">'</span><span style="color: #f1fa8c;">/main</span><span style="color: #e9f284;">'</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #50fa7b;">next</span>();</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;},</div>
</div>
</div>

<p>오 dongwoo님, 강의에서 배운 내용을 잘 응용하셨네요! :) 첨부해주신 코드는 저라도 이렇게 짰을 것 같습니다. 다만 여기서 한 가지 주의하셔야 할 게 위와 같이 next()를 분기문과 함께 사용하는 경우에는 꼭 return을 넣어주셔야 합니다.</p>
<p>if (true) {</p>
<p>&nbsp; next('/a');</p>
<p>&nbsp; return;</p>
<p>}</p>
<p>next('/b');</p>
<p></p>
<p>이런식으로요 :)</p>

인프런 커뮤니티 질문&답변

/login