[공유] 개인 서버에서 reverse-proxy 적용시 next dev 설정

제목 내용 그대로 서버에서 reverse-proxy 적용시 next dev 실행에 관한 내용입니다. 아래 링크 참고 하시면 됩니다. (https://itnext.io/one-domain-multiple-next-js-apps-5e39b0ffa1bf)

package.json이 있는 위치에 next.config.js 파일 만들고

module.exports = {
  assetPrefix: "/npm",
};

+) 추가 사항 : 혹시 개인 서버에서 https 적용 중이시면, hmr에서 "WebSocket is closed before the connection is established" 오류 발생합니다. (https://github.com/vercel/next.js/issues/31139) 에서 해답을 찾기는 했는데... 네트워크 탭 보면 이미 wws:// 로 요청이 가서 왜 해결이 되는지는 모르겠지만, hmr 잘 작동됩니다.

module.exports = {
  assetPrefix: "https://{서버 도메인 주소}/npm",
}

참고로 nginx reverse-proxy 설정 입니다

location /npm/ {
		proxy_pass       	http://localhost:8084/;
		proxy_redirect   	off;
		proxy_set_header 	Host $host;
		proxy_set_header 	X-Real-IP $remote_addr;
		proxy_set_header 	X-Forwarded-For $proxy_add_x_forwarded_for;
		proxy_set_header 	X-Forwarded-Host $server_name;
		proxy_set_header 	Upgrade $http_upgrade;
		proxy_set_header 	Connection upgrade;
		proxy_set_header	Accept-Encoding gzip;
	}