[node] 404, 500 error handling

 

먼저 404, 500 에러 시 보여줄 템플릿 파일을 작성한다.

template 하위 폴더에 comoon 폴더를 생성하고 404.html/ 500.html 파일을 각각 만들어준다.

 

만든 파일에 아래와 같은 소스 코드를 추가한다.

 

먼저 404

{% set title = "페이자가 없습니다" %}
{% extends "layout/base.html" %}

{% block content -%}


<div class="container">
    <div class="page_area">
        <h1>페이지가 없습니다.</h1>
    </div>
</div>

{%- endblock %} 


다음으로 500
{% set title = "에러가 발생했습니다" %}
{% extends "layout/base.html" %}

{% block content -%}


<div class="container">
    <div class="page_area">
        <h1>에러가 발생했습니다.</h1>
    </div>
</div>

{%- endblock %} 

404.html

다음으로 500 소스

{% set title = "에러가 발생했습니다" %}
{% extends "layout/base.html" %}

{% block content -%}


<div class="container">
    <div class="page_area">
        <h1>에러가 발생했습니다.</h1>
    </div>
</div>

{%- endblock %} 

500.html

 

완료되면 app.js로 돌아가 해당 소스 코드를 추가한다.

app.use((req, res, _) => { //next 변수는 사용하지 않아 _(언더바) 처리
    res.status(400).render('common/404.html');
});

app.use((req, res, _) => { //next 변수는 사용하지 않아 _(언더바) 처리
    res.status(500).render('common/500.html');
});

완료되었으면 404error 발생을 위해 해당 포트번호에 존재하지 않는 url을 접속해본다.

error page

 

출처 : 본 포스트는 패스트캠퍼스의 Node 웹 프로그래밍 올인원 패키지 Online의 박준영 강사님의 강의를 보고 직접 정리한 내용입니다.