vue.js [로그인기능 (추가)]

지난번까지 로그인을 해서 Home 화면을 불러 오는데 까지 성공하였고

 

이번에는 로그인한 후 그 회원 email을 BoardWrite로 넘기도록 하였다.

 

 

 

userStore.js

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Login.vue

 

 

토큰과 마찬가지로 userId를 email에 넣어줘서 data2를 만들어 같이 넘어가도록 담아주었다. 

 

 

 

 

 

 

 

 

 

 

BoardWrite.vue

 

 

글 추가하기 항목에서 사용자의 ID(store에 저장된) 를 불러와 주도록 하였다.

 

 

 

 

 

 

 

 

 

 

 

 

Home.vue

 

Home.vue에서 header에 토큰을 불러왔던 형식처럼 그대로 email을 불러옴

 

 

 

 

 

 

 

 

 

 

 

 

 

글 추가하기 버튼을 눌러 확인해보니 로그인하여 store에 저장된 email이 그대로 작성자 항목에 들어가 있는것을 볼 수 있다!

 

 

 

 

 

 

 

 

 

이제 게시판의 대부분의 기능은 만들어 보았고 새로운 게시판이 들어간 웹을 만들기 위해 새 프로젝트를 만들어 보려고 한다.