next - _error.js

_error : 전역에서 Error 처리를 공통으로 사용 

- Next에서 자체적으로 제공해주는 에러 태그는 서버와 클라이언트 모두에서 동작한다.
- 404에러(not found)와 500에러(서버 에러)를 제외한 이외의 에러들은 _error.js 라는 파일명으로 커스텀한다.

 
설정 

function Error({ statusCode }) {
  return (
    <p>
      {statusCode
        ? `An error ${statusCode} occurred on server`
        : 'An error occurred on client'}
    </p>
  )
}

Error.getInitialProps = ({ res, err }) => {
  const statusCode = res ? res.statusCode : err ? err.statusCode : 404
  return { statusCode }
}

export default Error

 

 

출처

https://jungyosup.github.io/next/next01/#51-nextjs-404-error-customizing

1.NEXT JS

 

https://intrepidgeeks.com/tutorial/nextjs-default-error-page

Next.js Default error page