[Day 31] 왜 갑자기 배포 오류가?

어제 프론트엔드를 배포하고 나서, 약간의 수정사항이 발생했다.

백엔드와 axios로 통신할 때 필드 이름이 약간 안 맞아서 수정을 했고, 프론트는 https인데 백은 http라서 연결에 문제가 있다고 에러가 나서 수정을 했다.

 

https http 에러

위 에러는 생각보다 되게 쉽게 해결할 수 있었다.

index.html의 head 부분에 아래 코드를 삽입하면 된다.

 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />

그러나 이 코드는 그리 좋은 방법은 아닌 것 같다.

https 사이트에서 http와 통신하는 것은 권장되지 않기 때문이다. https를 사용하여 보안환경을 만들어도, http를 통해 https 보안 규칙을 위반한 채 침입할 수 있기 때문이다. 이걸 해결하려면 백엔드 쪽에서 https로 배포를 했어야 하는 것 같은데 지금 그걸 하기에는 시간이 부족해서 그냥 위 코드로 해결해야 했다.

 

---

코드를 수정하고 커밋&푸쉬를 했으니 Netlify에서 자동으로 배포를 다시 해줘야 하는데 갑자기 배포가 안됐다.

아래는 에러를 해결하기 위해 내가 참고한 링크이다.

https://velog.io/@suminllll/React-Netlify-%EB%B0%B0%ED%8F%AC-%EC%97%90%EB%9F%AC

React Netlify 배포 에러

 

위 링크대로 Build Command를 CI='' npm run build로 바꾸어 보았지만 배포가 제대로 되지 않았다.

구글링을 계속해서 다른 방법들도 시도해보았지만 전혀 먹히지 않았다.

 

결국 해결하기는 했다.

위에서 말한 대로 Build Command를 수정하고, 혹시 몰라서 Option 아래의 Clear cache and retry deploy를 해보았더니 그제야 배포가 정상적으로 이루어졌다.

Clear cache and retry deploy

 

진작에 눌러볼걸....

그래도 해결할 수 있어서 정말 다행이었다.