웹 개발 시 페이지에 유저 정보 구현

Question

안녕하세요 백엔드 개발자 희망하여 공부중인 학생입니다 도움 부탁드리겠습니다.현재 login시 loginRequest.js 에서 fetch함수로 post 요청을 보내 jwt 토큰(accesstoken, refreshtoken)을 발급한 후 accesstoken을 res.json으로 accesstoken을 받아오고 있습니다.(토큰 발급할 때 페이로드에 유저의 _id 넣었습니다.)받아온 accesstoken을 localstorage에 저장한 후 메인 홈페이지로 location.href = '/site'를 통해 리디렉션 하고 있습니다.그래서 /site가 로드 될 때 javascript 코드를 통해 accesstoken을 받아온 후 fetch를 통해 accesstoken을 전달하여 유저의 정보를 담아서 res.render로 유저의 정보를 전달하여 화면에 나타나게 하려고 했습니다. 그런데 /site로 리 디렉션 시에는 라우트가 먼저 실행되어 accesstoken이 전달이 안 되었고 그렇다고 리디렉션을 하지 않고 fetch로만 요청하면 site페이지가 열리지 않는 문제가 발생했습니다 ㅠㅠ어떻게 해결하면 좋을 지 조언 부탁드립니다.추가로 제가 생각해본 방법인데 ejs를 사용하지 않고 fetch를 통해 페이지 정보를 받는 라우트와 화면을 렌더하는 라우트를 따로 해서 javascript로 innerHTML해서 데이터를 추가해볼 까 생각했는데 이렇게 하게 되면 검색 같은 거 추가로 만들 때 더 복잡해지는 느낌이 있습니다...

놀고있는백수 · Answer

localStoage에 저장하셨으면'/site' 라우트가 호출되는 부분에서 localStoage에 있는 accessToken을 전달해주면 되는 게 아닌가요?P.S. 글로만 작성되어있어 추측해봅니다.

웹 개발 시 페이지에 유저 정보 구현

1개의 답변

#express 목록