Express.js] 404 오류 페이지 추가하기

미들웨어를 활용하면 된다.

 

기존코드

const express = require("express");
const bodyParser = require("body-parser");

const app = express();

const adminRoutes = require("./routes/admin");
const shopRoutes = require("./routes/shop");

app.use(bodyParser.urlencoded({ extended: false }));

app.use(adminRoutes);
app.use(shopRoutes);

app.listen(3000);

 

앞서 만든 라우터에 따라

현재 미들웨어는 위에서부터 아래로 브라우저의 요청에 따라 자신이 호출되기를 기다리고 있다.

 

모든 경로에 해당하지 않는 요청인 경우

맨 아래쪽에 이에 응답하는 미들웨어를 만들어 보자.

const express = require("express");
const bodyParser = require("body-parser");

const app = express();

const adminRoutes = require("./routes/admin");
const shopRoutes = require("./routes/shop");

app.use(bodyParser.urlencoded({ extended: false }));

app.use(adminRoutes);
app.use(shopRoutes);

//404
app.use((req, res, next) => {
    res.status(404).send('<h1>Page not found</h1>')
})

app.listen(3000);

 

앞서 만든 다른 미들웨어처럼 간단한 html 구조를 반환하는 페이지이다.

res.send()로 응답을 전송하기 전에

status(404)를 추가해 어떤 응답의 종류인지를 포함했다.

 

send()로 응답을 보내기 전에
응답에 포함할 정보들을 다양하게 추가할 수 있다.
res.setHeaders().send() 등등