springboot + vue.js 사용시 에러 처리 문제

Question

안녕하세요. springboot 와 vue.js를 사용해서 프로젝트를 진행중입니다.rest api 형태로 서버단을 개발하고 vue.js를 프론트단을 개발하다가 spring boot 프로젝트 내에넣어서 같은 포트로 배포할수 있다고 하여 찾아보니 build를 한 vue 프로젝트를 sprigboot내 static 폴더에 넣어두고 실행해보니 작동을 잘 하더군요.. 그런데 vue router와 springboot 컨트롤러의 문제 때문에 새로 고침이나 url로 직접 브라우저에서 요청을 보내면 404에러가 발생하여 구글링 해보니 아래와 같이 마들었더니 404에러가 발생하지 않고 잘 작동을 하였습니다. &#64;Controller public class ErrorrController implements ErrorController { &#64;Override public String getErrorPath() { // TODO Auto-generated method stub return &#34;/error&#34;; } &#64;GetMapping({&#34;/&#34;,&#34;/error&#34;}) public String redirectRoot() { return &#34;index.html&#34;; } }그런데 제가 jwt를 사용하고 있는데 필터를 통해서 토큰의 만료기간이나 변조 같은 상황을 체크하는데토큰 관련 에러가 발생하면 doFilter메서드에서 아래 코드와 같이 에러처리를 합니다.public class JWTCheckFilter extends GenericFilterBean { private static final Logger logger &#61; LoggerFactory.getLogger(JWTCheckFilter.class); private UserService userService; public JWTCheckFilter(UserService userService) { // super(authenticationManager); this.userService &#61; userService; } //토큰에 대한 검사 &#64;Override public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { HttpServletRequest httpServletRequest &#61; (HttpServletRequest) request; HttpServletResponse httpServletResponse &#61; (HttpServletResponse) response; //리프레시 토큰 요청시 필터 넘어감 if(httpServletRequest.getRequestURI().contains(&#34;refreshToken&#34;)) { chain.doFilter(request, response); return; } String bearer &#61; httpServletRequest.getHeader(HttpHeaders.AUTHORIZATION); String requestURI &#61; httpServletRequest.getRequestURI(); if(bearer &#61;&#61; null || !bearer.startsWith(&#34;Bearer &#34;)){ chain.doFilter(request, response); return; } String token &#61; bearer.substring(&#34;Bearer &#34;.length()); VerifyResult result &#61; JWTUtil.verify(token); if(result.isSuccess()){ User user &#61; (User) userService.loadUserByUsername(result.getUsername()); UsernamePasswordAuthenticationToken userToken &#61; new UsernamePasswordAuthenticationToken( user, null, user.getAuthorities() ); SecurityContextHolder.getContext().setAuthentication(userToken); chain.doFilter(request, response); }else{ if (result.getException() instanceof TokenExpiredException) { httpServletResponse.sendError(HttpServletResponse.SC_UNAUTHORIZED, &#34;TokenExpiredError&#34;); } else if (result.getException() instanceof JWTDecodeException) { httpServletResponse.sendError(HttpServletResponse.SC_UNAUTHORIZED, &#34;WrongJWTDecodeError&#34;); } else if (result.getException() instanceof SignatureVerificationException) { httpServletResponse.sendError(HttpServletResponse.SC_UNAUTHORIZED, &#34;SignatureVerificationError&#34;); } else if (result.getException() instanceof InvalidClaimException) { httpServletResponse.sendError(HttpServletResponse.SC_UNAUTHORIZED, &#34;InvalidClaimError&#34;); } else if (result.getException() instanceof JWTVerificationException) { httpServletResponse.sendError(HttpServletResponse.SC_UNAUTHORIZED, &#34;JWTVerificationError&#34;); } } } } 프론트단에서 리턴 받은 코드와 메시지로 에러처리를 하는데 404에러 방지를 하기 위해 위의 ErrorrController를 추가하니 토큰 만료에러 발생 시 제가 doFilter에서 만든 에러를 던지지 않고 401에러코드만 던지고 메시지는 안오더라구요..이 2개를 받아서 프론트단에서 처리를 해야하는데 혹시 해결방법이 있을까요??sendError부분에 임의로 코드를 1000, 2000이런식으로 보내면 이걸로 분기할 수있을거 같긴한데 뭔가 옳은 방법 같지 않아서 글을 올립니다. 이런 경험 있으신지요?감사합니다.

Dierslair · Accepted Answer

- JWTCheckFilter를 ExceptionTranslationFilter 뒤에 두고, 토큰 검증 실패시 시큐리티 예외를 던지거나 - 토큰 검증 실패시, AccessDeniedHandler를 직접 실행하여Spring Security와 연계하시면 됩니다.HttpServletResponse#sendError 는 사용하지 않습니다.

지돌이 · Answer

Dierslair 답변 감사합니다. 덕분에 해결했습니다.

springboot + vue.js 사용시 에러 처리 문제

2개의 답변

Q&A 목록