브라우저단 에러 error - FetchError: request to http://localhost:8000/main failed, reason: connect ECONNREFUSED 127.0.0.1:8000

Nextjs 개인 프로젝트 도중

게시글 등록후 메인페이지(상품목록)로 이동하게해놨는데 계속은 아니고 가끔가다 한번씩 이런 에러가뜬다.

확실히 서버단에는 문제가없었다.

우측이 서버단인데 문제없이 게시글등록이 잘됨

 

해결시도1.

getServerSideProps()에서 getStaticProps()로 변경해보았다.

서버사이드는 브라우저환경이아니기때문에 윈도우 에러가 난다고한다.

상품목록은 staticProps를 권장한다고해서변경해보았으나 큰 효과는없었다.

 

해결시도2.

localhost에서 127.0.0.1로 변경해보았으나 마찬가지로 에러가 떴다.

 

해결시도3.

환경변수 process.env로 처리(개발단)

 

여전히 에러발생!!

 

500에러이고 네트워크창을 보면 다음과같다

//General
Request URL: http://localhost:3000/
Request Method: GET
Status Code: 500 Internal Server Error
Remote Address: [::1]:3000
Referrer Policy: strict-origin-when-cross-origin

//Response header
Cache-Control: no-store, must-revalidate
Connection: keep-alive
Content-Encoding: gzip
Content-Type: text/html; charset=utf-8
Date: Mon, 23 May 2022 17:40:14 GMT
ETag: "6a0-z+IPazLxYCrC5B3YQquS1WObFJo"
Keep-Alive: timeout=5
Transfer-Encoding: chunked
Vary: Accept-Encoding
X-Powered-By: Next.js

//Request header
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9
Accept-Encoding: gzip, deflate, br
Accept-Language: en-US,en;q=0.9,ko-KR;q=0.8,ko;q=0.7
Connection: keep-alive
Cookie: _dd_s=logs=1&id=4795da8f-3f8b-4d5b-8c21-f571ff3b60e8&created=1653318956275&expire=1653328514183
Host: localhost:3000
Referer: http://localhost:3000/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="101", "Google Chrome";v="101"
sec-ch-ua-mobile: ?1
sec-ch-ua-platform: "Android"
Sec-Fetch-Dest: document
Sec-Fetch-Mode: navigate
Sec-Fetch-Site: same-origin
Sec-Fetch-User: ?1
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Mobile Safari/537.36

 

 

https://ko.eyewated.com/500-%EB%82%B4%EB%B6%80-%EC%84%9C%EB%B2%84-%EC%98%A4%EB%A5%98/

500 내부 서버 오류 (원인 및 해결 방법)

 

브라우저 쿠키삭제를 권장하였다.