이번 2차 프로젝트 배포가 가능하냐는 팀원 준영님의 말에 netlify를 통해 배포를 진행하고 있는데, 여러가지 에러가 발생하여 상당히 당황스러웠다.
Error list
1. mixed content
mixed content는 암호화된 HTTPS 기반의 사이트에서 암호화되지 않은 HTTP 사이트에 요청을 보내서 Mixed content 에러가 발생한 것이라고 한다.
위 에러를 해결하기 위해서는
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
를 index.html에 추가해주면 에러가 사라진다.
2. Treating warnings as errors because process.env.CI = true
site settings -> build&deploy -> continuous deployment에 build command를 기존에 npm run build로 되어 있는것을CI= npm run build로 변경해주면 된다.
3. Netlify에 환경 변수 설정
https://www.netlify.com/blog/2020/12/10/environment-variables-in-next.js-and-netlify/
현재 프로젝트에서 카카오 API를 사용하고 있어서 .env에 세팅을 했더니 에러가 나는 바람에 해결을 어떻게 할까 하다가 npm에 올라와있는 dotenv_webpack을 사용해도 되지만 netlify에서 가이드라인을 제시해줘서 위의 문서를 보고 해결해줬다.
site setting -> build&deploy -> enviroment에서 내가 사용할 환경변수를 세팅해주면 된다.
