Spring Boot 에러 화면 출력 (Thymeleaf)

개발 Life

Spring Boot 에러 화면 출력 (Thymeleaf)

SOBOB 2021. 9. 2. 11:25

스프링 부트 (Spring Boot)의 에러페이지가 아닌, 별도의 에러 화면을 출력하기 위해 작업 했다.

템플릿엔진은 tymeleaf를 사용하고 있는데,

사실, 404나 500 등등 각 http status 코드에 맞게 템플릿 엔진만 추가하면 되지만,

모든 에러 화면을 동일하게 출력시키기 위해서 Error Controller를 생성해 처리해주기로 했다.

기본적으로 http status가 200이 아닌 경우 아래와 같이 화이트라벨 에러 화면이 출력된다

만약 코드별로 에러화면을 다르게 출력하고 싶다면, 아래와 같이 템플릿 폴더아래에 status code에 맞는 html파일을 생성해서 넣어주면 됨

- resources > templates > error

근데 나는, http status code가 200이 아닌 경우 모두 다 같은 에러 화면을 출력하기 위해 별도의 컨트롤러를 생성하고 제어 할 예정.

패키지 안에, 컨트롤러 파일을 생성

@Controller
public class CommonErrorController implements ErrorController {
    @RequestMapping(value = "/error")
    public String handleError(HttpServletRequest request) {
        Object status = request.getAttribute(RequestDispatcher.ERROR_STATUS_CODE);
        if(status != null)
        {
            return "error/err";
        }
    }

    @Override
    public String getErrorPath() {
        return "/error";
    }
}

위와 같이 컨트롤러 생성, templates/error 폴더내 err.html 파일 생성

<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Common Error</title>
    <link rel="stylesheet" th:href="@{/css/style.css}">
    </link>
</head>
<body>
<div class="errorPage">
    <span class="errorHead">errrrrrrrr</span><br />
</div>
</body>
</html>

위와 같이 생성하면, http status code가 200이 아닌 경우 모두 동일한 error 화면을 출력하게 한다.

참고

tymeleaf 템플릿에서 <head></head>안에 css 파일 import 할 때 정적 파일 임포트 하는 파일 위치를 찾아 헤맸었었는데,

resources > static

static > css 폴더에 해당 스타일시트를 넣어주면 된다

> js 또는 기타 라이브러리도 해당 폴더에 넣어주고 임포트 하면 됨

저작자표시 동일조건

'개발 Life' 카테고리의 다른 글

도커 PHP7.4, CI4(코드이그나이터4) 설치. 개발환경 구성 (0)	2021.11.18
PHP for, while, foreach n개씩 데이터 출력하기 (0)	2021.09.03
자바스크립트(JS) 브라우저를 통한 PC/Mobile 구분 (0)	2019.12.03
1. 리그오브레전드(LOL) API KEY 발급 (0)	2019.06.25
코드이그나이터CI REST API IP대역대 허용/차단 (0)	2019.01.22

현재글Spring Boot 에러 화면 출력 (Thymeleaf)

개발로그🙈 🙉 🙊

개발하다가 그냥 이것저것 작성해놓는 블로그였는데, 이것저것 올리다가 육아 블로그가 될 거 같음😁

2024베이비페어, 인천산후조리원, 견생2년차, 인천예비맘, 엉아, 인천출산용품매장, 얼리임테기, 임테기, 임신초기, 베이비페어, 송도산부인과, 임산부, 임신, 인천맘, 송도맘, 말티즈, JS, 광화문음식점, maltese, 광화문맛집,

Today :
Yesterday :

일	월	화	수	목	금	토
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28

개발로그🙈 🙉 🙊