인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

PaPillOn빠삐용님의 프로필 이미지
PaPillOn빠삐용

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

백엔드에 https 적용하기

mixed contents 관련 질문

작성

·

475

0

안녕하세요 제로초님

항상 감사합니다 ㅠ

마지막 강의까지 다 듣고 따라하고 켜봤는데

Mixed Content 에러가 발생하고 로그인이 안됩니다 ㅠ

front의 config.js파일도 말씀하신대로 바꿨습니다

export const backUrl = process.env.NODE_ENV === 'production'
  ? 'https://api.nextpus.com' : 'https://localhost:3065';

App.js도 마찬가지로 ..

모니터링결과 front:

백앤드

라고 뜨는데 원인이 짐작이 안가네요 ㅠㅠ

부탁드립니다!

app.js 오타 sequre --> secure로 수정해도 에러나네요 ㅠ

모니터링에서 나온 already in use 해결을 위해 서버죽이고 다시켜서 들어가보니 뜬금없이

이런 메시지도 나오네요(요건 다시 새로고침해서 들어가니 해결되네요 ㅠㅠ)

답변 5

0

해결했습니다! prototype이거문제는 해결했고

희안하게 config/config.js를 조건문 없이

export const backUrl = 'https://api.nextpus.com';

넣었더니 해결되더라구요.

자꾸 질문드려서 죄송했어요 ㅠ

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

그러면 아마 NODE_ENV가 production이 아니었을 수도 있겠네요.

0

밑에 }도 수정했는데 해결되지 않네요 ㅠㅠ

unsupported protocol로 뜬걸 봐선 이 문제인것 같네요 ㅠ

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

수정하고나서는 에러메시지가 바뀌지 않았나요?

넵 바뀌지않네요 

찾아보다가 ssl setting에 tls1.3과 1을넣어도 에러만 계속되네요 

혼란만 계속되네요 ㅠ

0

모니터링 결과(백앤드)

프론트서버 모니터링 결과

백앤드 에러검토

프론트서버 에러검토

난감해서 로그찍어봤는데

이렇게 나오는데 nginx에서의 문제인지 궁금하네요

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

네 저기 에러메시지에 다 적혀있습니다 ㅠㅠ. default 72번째 줄에 }가 하나 더 들이었나보네요.

0

아..잘 몰라서 여쭤보는데

프론트의 config/config.js에서

백엔드 요청보내는 주소를 관리해서

앞서 질문드린 내용처럼 https://api.도메인으로

해두었었는데 혹시 다른부분도 바꿔야하는 건가요?

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

mixed content 에러 메시지 읽어보세요. /user/login하는데 http를 쓰고 있습니다.

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

백엔드 요청을 지금 http://api.도메인.com으로 하고 있습니다. https://를 쓰세요.

PaPillOn빠삐용님의 프로필 이미지
PaPillOn빠삐용

작성한 질문수

질문하기