posdevgrant0181

로그인 문제는 해결했습니다.
강좌에서 리액트 디비 구조랑 통일한다고 해서 혹시 몰라 따라 수정했었는데&nbsp;
passport/local.js 에서 email을 userId는 변경하질 않아서 passport가 제대로 작동하지 않은것 같습니다.
그래서 로그인도 되고 기분좋게 다 끝났다 했는데 포스트 글쓰기, 팔로우, 팔로워 등 요청보낼때 에러가 발생합니다.
이게 바로 제로초님이 말한 쿠키 문제 같습니다. 자세한 내용은 이미지와 같습니다.
근데 로컬 에서 npm run dev로 하면 에러없이 잘 작동합니다.
AWS EC2에서만 에러가 발생하니 디버깅하는법을 잘 모르겠습니다.
좋은 하루 되시고 답변 부탁드리겠습니다.ㅠㅠ
노드교과서를 한번 쭉 봐야겠네요 ㅠㅠ
<img src="https://cdn.inflearn.com/public/comments/326f3a3e-3f1b-46d6-888d-50395ec45875/스크린샷 2019-10-11 오후 11.52.13.png" title="스크린샷 2019-10-11 오후 11.52.13.png" width="1254" height="1037" alt="" /><img src="https://cdn.inflearn.com/public/comments/ebf17303-8f09-4106-8410-51fb5d086554/스크린샷 2019-10-11 오후 11.52.28.png" title="스크린샷 2019-10-11 오후 11.52.28.png" width="759" height="996" alt="" /><img src="https://cdn.inflearn.com/public/comments/c0342ca4-5457-41b8-83e3-c3c8896d3ec4/스크린샷 2019-10-11 오후 11.52.32.png" title="스크린샷 2019-10-11 오후 11.52.32.png" width="890" height="1002" alt="" />

도메인 연결까지 다되었는데 회원가입시에 403에러가 나오네요

front/store/index.js 에서 nuxtServerinit 실행
```
<div style="color: #ffffff; background-color: #193549; font-family: 'fira code', Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div>export&nbsp;const&nbsp;actions&nbsp;=&nbsp;{</div>
<div>&nbsp;&nbsp;nuxtServerInit({&nbsp;commit,&nbsp;dispatch,&nbsp;state&nbsp;},&nbsp;{&nbsp;req&nbsp;})&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;dispatch('users/loadUser')</div>
<div>&nbsp;&nbsp;}</div>
<div>}</div>
</div>
```
front/store/users.js에서 loadUser 실행
```
<div style="color: #ffffff; background-color: #193549; font-family: 'fira code', Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div>async&nbsp;loadUser({</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;state,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;commit</div>
<div>&nbsp;&nbsp;})&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;try&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("loadUser");</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;const&nbsp;res&nbsp;=&nbsp;await&nbsp;this.$axios.get('/user',&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;withCredentials:&nbsp;true</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("loadUser&nbsp;a");</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;commit('setMe',&nbsp;res.data)</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log("loadUser&nbsp;b");</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;catch&nbsp;(err)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.error("에러요")</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;},</div>
</div>
```

back/routes/user.js 에서 get('/') 실행
```
<div style="color: #ffffff; background-color: #193549; font-family: 'fira code', Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div style="line-height: 18px;">
<div>router.get('/',&nbsp;isLoggedIn,&nbsp;async&nbsp;(req,&nbsp;res,&nbsp;next)&nbsp;=>&nbsp;{</div>
<div>&nbsp;&nbsp;const&nbsp;user&nbsp;=&nbsp;req.user;</div>
<div>&nbsp;&nbsp;res.json(user);</div>
<div>});</div>
</div>
</div>
```

back/routes/middlewaers.js
```
<div style="color: #ffffff; background-color: #193549; font-family: 'fira code', Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div>exports.isLoggedIn&nbsp;=&nbsp;(req,&nbsp;res,&nbsp;next)&nbsp;=>&nbsp;{</div>
<div>&nbsp;&nbsp;if&nbsp;(req.isAuthenticated())&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;next();</div>
<div>&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;return&nbsp;res.status(401).send('로그인이&nbsp;필요합니다.');</div>
<div>};</div>
</div>
```

요기서 에러가 나는것 같습니다.
back/routes/user.js 요기서 isLoggedIn 미들웨어를 삭제하면
loadUser
loadUser a
loadUser b
가 찍힙니다.

삭제안하면
loadUser 까지 찍히고
에러가 발생합니다 401 로그인이 필요합니다.
후..집가서 다시 볼게요 ㅠㅠ

<img src="https://cdn.inflearn.com/public/comments/fb56b151-705d-4668-975c-452c2c0ff551/스크린샷 2019-10-11 오후 1.50.41.png" title="스크린샷 2019-10-11 오후 1.50.41.png" width="1665" height="1126" alt="" />
사랑합니다 갓로초님 ㅠㅠ
없는 실력으로 따라갈려고 하니 질문도 잘 못하네요ㅠㅠ 아래에서 회원가입, 로그인 확인 가능합니다.ㅠㅠ
<a href="http://www.doki3.com/" target="_blank" rel="noopener noreferrer">http://www.doki3.com</a>
요아래가 백엔드입니다.
<a href="http://www.doki3.com/" target="_blank" rel="noopener noreferrer">http://api.doki3.com/user/login&nbsp;</a>

소스는 아래와같습니다.
<a href="https://github.com/shldhee/vue-nodebird/tree/master/ch1/" target="_blank" rel="noopener noreferrer">https://github.com/shldhee/vue-nodebird/tree/master/ch1/</a> 
고맙습니다 흑흑

<img src="https://cdn.inflearn.com/public/comments/63efa2a3-590c-4b51-983b-9586034e8404/스크린샷 2019-10-11 오전 7.37.49.png" title="스크린샷 2019-10-11 오전 7.37.49.png" width="1440" height="1020" alt="" /><img src="https://cdn.inflearn.com/public/comments/10cfd794-928e-44c0-9f34-98d9ecd89995/스크린샷 2019-10-11 오전 7.38.07.png" title="스크린샷 2019-10-11 오전 7.38.07.png" width="1440" height="875" alt="" /><img src="https://cdn.inflearn.com/public/comments/9afa7523-5250-4e42-932c-8644d2b89e2d/스크린샷 2019-10-11 오전 7.38.39.png" title="스크린샷 2019-10-11 오전 7.38.39.png" width="1440" height="819" alt="" />
답변감사드립니다.
네 말씀하신대로 403에러는 이미회원가입이되어있습니다라고 뜹니다.
회원가입은 가입은 정상적으로 되는것 같고 그다음 로그인될때 401 Unauthorized 에러가 발생하는것 같습니다.
가입되지않은 아이디나, 이상한 아이디를 써서 로그인 시도해도 같은 에러가 발생합니다.
예전부터 return, cors, withCredentials 등 신경써서 봤지만 빠진 부분이 있는건지 복붙도 하면서 체크해봤는데 찾기가 힘드네요.
만약 파악되기 힘든 문제라면 어떤 파일 위주로 봐야되는지 알려주시면 다시 코드 비교해보겠습니다.
우선 back/router/user.js, app.js, model.js 등 비교했고
front는 store/user.js 쪽 위주로 봤습니다.
좋은 하루 되십시오!

서버 다시 시작하니 EC2는 정상적으로 작동되네요.

<img src="https://cdn.inflearn.com/public/comments/c3e65cbc-ba20-4557-bf1d-affa5eecb559/스크린샷 2019-10-11 오전 12.26.02.png" width="1695" height="906" alt="" /><img src="https://cdn.inflearn.com/public/comments/0f5120f9-cfe2-444f-a2d1-528797538201/스크린샷 2019-10-11 오전 12.26.02.png" title="스크린샷 2019-10-11 오전 12.26.02.png" width="1695" height="906" alt="" /><img src="https://cdn.inflearn.com/public/comments/d05b3c1b-af9b-4a7e-ba93-29dd61ca869d/스크린샷 2019-10-11 오전 12.30.15.png" title="스크린샷 2019-10-11 오전 12.30.15.png" width="1370" height="698" alt="" /><img src="https://cdn.inflearn.com/public/comments/78e5a607-a99a-4cd9-992c-ffde2ad8f34a/스크린샷 2019-10-11 오전 12.30.22.png" title="스크린샷 2019-10-11 오전 12.30.22.png" width="1626" height="334" alt="" /><img src="https://cdn.inflearn.com/public/comments/1b097b26-cd80-4d9a-a860-0614906ed64a/스크린샷 2019-10-11 오전 12.30.48.png" title="스크린샷 2019-10-11 오전 12.30.48.png" width="620" height="690" alt="" /><img src="https://cdn.inflearn.com/public/comments/fa163b84-bd1e-430a-a307-2ba03b093dc9/스크린샷 2019-10-11 오전 12.31.01.png" title="스크린샷 2019-10-11 오전 12.31.01.png" width="1236" height="1314" alt="" />
CORS 에러 같아서 CORS부분도 모두 제로초님 깃허브가서 소스 같은지 확인했습니다.
졸면서 강의를 봐서 그런가 중간중간 빼먹은게 있는건지 진도나가는게 너무 느리네요 ㅠㅠ
회원가입시에는 403에러
로그인시에는 401에러뜬네요

withcredential 확인해보고
app.js에서 cors까지 확인했읍니다.

후 우선 ec2 서버 둘다 중지하고 시작하고 다시 설치하려고합니다.

네 찾아보니 `store/users.js` signup 쪽에 소스가 잘못된거 같아 수정 후 AWS EC2에 다시 올려서 확인 하려고 하는데 잘되던 back쪽분만 아니라 front둘다 무한 로딩 상태인데 혹시 이럴때는 어디를 확인하면 될까요?
front aws ec2 nuxt build 할때도 거의 10분넘게걸려서 기다렸는데 다시 문제가 발생했네요 ㅠㅠ
<img src="https://cdn.inflearn.com/public/comments/9aef3a71-195b-4d9f-81fb-65426aa04f56/스크린샷 2019-10-09 오후 6.35.41.png" title="스크린샷 2019-10-09 오후 6.35.41.png" width="1142" height="616" alt="" />

감사합니다 : ) 어제 백엔드, 프론트 다 설치해서 pm2 이부분만 따라해서
앞부분을 볼 생각을 못했네요.

보니깐 AWS 백엔드, 프론트 서버를 둘다 프론트서버쪽에서 작업하고 있었네요.
지금 프론트가 안되서 확인해보니 같은 곳에서 작업을 하면서 덮어씌우고있었네요.

좋은 밤 되세요!

전 왜 백엔드 서버 접속이 안될까요?

sudo apt-get install -y mysql-server
mysql_secure_installation
<pre style="box-sizing: border-box; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 11.9px; margin-top: 0px; margin-bottom: 16px; overflow-wrap: normal; padding: 16px; overflow: auto; line-height: 1.45; background-color: #f6f8fa; border-radius: 3px; color: #24292e;"><code style="box-sizing: border-box; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 11.9px; padding: 0px; margin: 0px; background: initial; border-radius: 3px; word-break: normal; border: 0px; display: inline; overflow: visible; line-height: inherit; overflow-wrap: normal;">ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'ldh';</code></pre>
mysql -u root -p
sudo npm start && pm2 monit
<img src="https://cdn.inflearn.com/public/comments/33a82089-8b70-4220-80ef-aea19a665e6e/스크린샷 2019-10-08 오전 12.26.43.png" title="스크린샷 2019-10-08 오전 12.26.43.png" width="1905" height="1187" alt="" />
이렇게 나오네요 ㅠㅠ

로컬에선 이렇게 나오고
<img src="https://cdn.inflearn.com/public/comments/a40ea33f-87b2-4a3b-9c61-b9c1b79670ca/스크린샷 2019-10-08 오전 12.02.16.png" title="스크린샷 2019-10-08 오전 12.02.16.png" width="1905" height="1323" alt="" />
AWS EC2에선 이렇게 나와요!
<img src="https://cdn.inflearn.com/public/comments/48a22dea-9f58-4083-b4c3-fb929ddfa412/스크린샷 2019-10-08 오전 12.03.14.png" title="스크린샷 2019-10-08 오전 12.03.14.png" width="1905" height="1081" alt="" />
빠른 답변감사합니다 ㅎㅎ

posdevgrant0181

Posts