Project/TroubleShooting

프로토콜 문제

w.llama 2024. 9. 11. 21:07

백엔드와 프론트서버를 지금 localhost로 바꾸어 서버를 실행시켰더니 데이터를 받아오지 못하는 문제가 확인되어 개발자 도구를 열어 확인했더니 프로토콜 문제가 발생했다라는것을 확인했다.

갑자기 왜 프로토콜 문제가 생겼을까....생각을해보니 http를 https로 보안을 올리면서 ssl인증서를 발급받았는데 이때 발급받은 주소와 현재 localhost와 달라서 생긴 문제이지 않을까??? 라는 생각이 들어 ssl인증서를 재발급받아보았다.

 

ssl 인증서 만드는법

  1. OpenSSL에서 다운받아서 설치
    (ligt버전말고 설치하기 바람 openssl.cfg 제외되어 설치가 되 csr인증서를 만들때 오류가 발생)
  2. OpenSSL 환경변수 설정하기
    - 시스템 변수에 OPENSSL_CONF 를 생성 후 C:\Program Files\OpenSSL-Win64\bin\openssl.cfg 경로 추가
    - User에대한 사용자 변수의 Path 에 C:\Program Files\OpenSSL-Win64\bin 경로 추가
  3. 자체서명 인증서 만들기
    - C:\ Users \ 유저 \ 경로에 certs 폴더를 생성 이후 certs 폴더로 이동해준다
    - 개인키와 인증서를 certs 폴더내에 만들것인데 openssl genrsa -out privKey.pem 를 입력해준다
    - 이후 openssl req -new -key privKey.pem -out private-csr.pem 를 입력하여 csr인증서를 만들어준다
    -CSR을 개인키로 서명하여 인증서를 만들고 유효기간을 730일로 지정
    openssl x509 -req -days 730 -in private-csr.pem -signkey privKey.pem -out cert.pem
    이후 SSL/TLS가 필요한곳에 등록하여 사용

해결이안되서 다른문제인가 찾아봐야겠다.

해결 완

axios부분의 주소를 바꾸기만했고 https에서 http로 변경하지 않아 프로토콜 문제가 생겼었다... 물론 https로 올리게되면 위와같은 방식으로 SSL/TLS를 인증받고 그 후에 nginx.confg에서 SSL/TLS인증서를 불러와줘야겠지만 일단은 http로 내리면서 해결했다.