스프링부트 시큐리티 토큰 오류

Question

안녕하세요 구글링 해보다 도저히 해결방법을 찾을 수가 없어 질문 글 올립니다현재 스프링부트로 시큐리티 코드를 짜고 리액트로 토큰값 저장해서 자동갱신까지 하려고하는데 아무리 찾아봐도해결방법을 찾을 수 없어 여쭤봅니다백엔드 코드는config ↓@RequiredArgsConstructor public class JwtSecurityConfig extends SecurityConfigurerAdapter { private final TokenProvider tokenProvider; // TokenProvider 를 주입받아서 JwtFilter 를 통해 Security 로직에 필터를 등록 @Override public void configure(HttpSecurity http) { JwtFilter customFilter = new JwtFilter(tokenProvider); http.addFilterBefore(customFilter, UsernamePasswordAuthenticationFilter.class); } } --- public class SecurityUtil { private SecurityUtil() { } public static Long getCurrentMemberId() { final Authentication authentication = SecurityContextHolder.getContext().getAuthentication(); if (authentication == null || authentication.getName() == null) { throw new RuntimeException("Security Context에 인증 정보가 없습니다."); } return Long.parseLong(authentication.getName()); } } ---- @RequiredArgsConstructor @Configuration @EnableWebSecurity @Component public class WebSecurityConfig { private final TokenProvider tokenProvider; //토큰생성및 검증담당 private final JwtAuthenticationEntryPoint jwtAuthenticationEntryPoint; // 인증되지않은 요청에대한처리 담당 private final JwtAccessDeniedHandler jwtAccessDeniedHandler; // 인가 되지 않은 요청에 대한 처리 //request로부터 받은 비밀번호를 암호화하기 위해 PasswordEncoder 빈 생성 @Bean public PasswordEncoder passwordEncoder() { return new BCryptPasswordEncoder(); } //filterChain(HttpSecurity http)- HttpSecurity를 구성하는 메서드 메서드에서 HTTP 요청에 대한 보안 설정 구성 @Bean public SecurityFilterChain filterChain(HttpSecurity http) throws Exception { http .httpBasic().disable() .csrf().disable() .sessionManagement().sessionCreationPolicy(SessionCreationPolicy.STATELESS) //세션 없이 REST API를 통해 토큰을 주고받기위해 .and() .exceptionHandling() .authenticationEntryPoint(jwtAuthenticationEntryPoint) .accessDeniedHandler(jwtAccessDeniedHandler) // // .and() // .headers() // .frameOptions() // .sameOrigin() .and() .authorizeRequests() .requestMatchers(CorsUtils::isPreFlightRequest).permitAll() .antMatchers("/auth/**", "/member/**", "/admin/**").permitAll() // .antMatchers("/admin/**").hasAuthority("ADMIN") //ROLE_ADMIN 계정만 admin에 접근 가능함 .antMatchers(HttpMethod.POST, "/login").permitAll() // 로그인 엔드포인트에 대한 post 요청은 보호되지 않는다. .anyRequest().authenticated() .and() .apply(new JwtSecurityConfig(tokenProvider)) .and() .cors() .configurationSource(corsConfigurationSource()); return http.build(); } @Bean public CorsConfigurationSource corsConfigurationSource() { CorsConfiguration config = new CorsConfiguration(); // Allow credentials 설정을 활성화 config.setAllowCredentials(true); config.addAllowedOrigin("http://localhost:3000"); // 허용할 도메인 지정 config.addAllowedMethod("*"); // 모든 메소드 허용. config.addAllowedHeader("*"); //config.setAllowCredentials(true); config.setAllowedHeaders(Arrays.asList("Authorization", "Content-Type")); // 허용할 헤더 추가 UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); source.registerCorsConfiguration("/**", config); return source; } } contoller↓@RestController @RequestMapping("/auth") @RequiredArgsConstructor @Slf4j @CrossOrigin(origins = "http://localhost:3000") public class AuthController { private final AuthService authService; private final MemberRepository memberRepository; private final MemberService memberService; // private final DocumentService documentService; //로그인 @PostMapping("/login") public ResponseEntity login(@RequestBody MemberRequestDto requestDto) { Member member = memberRepository.findByEmail(requestDto.getEmail()) .orElseThrow(() -> new RuntimeException("해당 사용자를 찾을 수 없습니다.")); // 계정이 차단된 경우 토큰 발급하지 않고 접속 차단 응답 반환 if (member.getAuthority() == Authority.BLOCK) { log.info("접속이 차단된 계정입니다."); return ResponseEntity.status(HttpStatus.FORBIDDEN).build(); } return ResponseEntity.ok(authService.login(requestDto)); } //로그아웃 @PostMapping("/logout") public ResponseEntity logout(HttpServletResponse response) { // 리프레시 토큰을 저장하는 쿠키를 제거합니다. Cookie refreshTokenCookie = new Cookie("refreshToken", null); refreshTokenCookie.setMaxAge(0); // 쿠키 만료시간을 0으로 설정하여 삭제 refreshTokenCookie.setPath("/"); // 쿠키의 경로 설정 (로그아웃 처리와 같은 경로로 설정) response.addCookie(refreshTokenCookie); // 응답 헤더에 쿠키 추가 log.info("로그아웃이 성공적으로 처리되었습니다."); return ResponseEntity.ok("로그아웃 되었습니다."); } // 토큰 갱신 @PostMapping("/refresh") public ResponseEntity refresh(@RequestBody TokenRequestDto tokenRequestDto) { return ResponseEntity.ok(authService.refresh(tokenRequestDto)); } @PostMapping("/signup") public ResponseEntity signup(@RequestBody MemberRequestDto requestDto) { return ResponseEntity.ok(authService.signup(requestDto)); } }dto↓@Getter @NoArgsConstructor @AllArgsConstructor @Builder public class TokenDto { private String grantType; private String accessToken; private String refreshToken; private Long tokenExpiresIn; //토큰만료시간 } ---- @Getter @NoArgsConstructor public class TokenRequestDto { private String accessToken; private String refreshToken; } jwt↓@Component public class JwtAccessDeniedHandler implements AccessDeniedHandler { @Override public void handle(HttpServletRequest request, HttpServletResponse response, AccessDeniedException accessDeniedException) throws IOException, ServletException { // 필요한 권한이 없이 접근하려 할때 403 response.sendError(HttpServletResponse.SC_FORBIDDEN); } } ---- @Component public class JwtAuthenticationEntryPoint implements AuthenticationEntryPoint { @Override public void commence(HttpServletRequest request, HttpServletResponse response, AuthenticationException authException) throws IOException { // 유효한 자격증명을 제공하지 않고 접근하려 할때 401 response.sendError(HttpServletResponse.SC_UNAUTHORIZED); } } --- @RequiredArgsConstructor //TokenProvider 객체를 주입받기 위함 public class JwtFilter extends OncePerRequestFilter { public static final String AUTHORIZATION_HEADER = "Authorization"; //HTTP 요청 헤더에서 인증정보 전달하기위함 public static final String BEARER_PREFIX = "Bearer "; //JWT 토큰을 HTTP 요청 헤더에서 구분하기 위한 접두사 private final TokenProvider tokenProvider; //JWT 토큰의 생성 및 검증 담당 @Override protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain filterChain) throws ServletException, IOException { // Request Header 에서 토큰을 꺼냄 String jwt = resolveToken(request); // validateToken 으로 토큰 유효성 검사 // 정상 토큰이면 해당 토큰으로 Authentication 을 가져와서 SecurityContext 에 저장 TokenStatus.StatusCode tokenStatusCode = tokenProvider.validateToken(jwt); if (StringUtils.hasText(jwt)) { if (tokenStatusCode == TokenStatus.StatusCode.OK) { Authentication authentication = tokenProvider.getAuthentication(jwt); SecurityContextHolder.getContext().setAuthentication(authentication); } else { response.setStatus(HttpServletResponse.SC_UNAUTHORIZED); response.setContentType(MediaType.APPLICATION_JSON_VALUE); ObjectMapper objectMapper = new ObjectMapper(); TokenStatus tokenStatus = TokenStatus.makeTokenStatus(tokenStatusCode); objectMapper.writeValue(response.getWriter(), tokenStatus); return; } } filterChain.doFilter(request, response); // 다음 필터로 제어를 넘김 } // Request Header 에서 토큰 정보를 꺼내오기 private String resolveToken(HttpServletRequest request) { String bearerToken = request.getHeader(AUTHORIZATION_HEADER); //Authorization 헤더 값을 가져옴 이값은 bearerToken 변수에 저장 if (StringUtils.hasText(bearerToken) && bearerToken.startsWith(BEARER_PREFIX)) { return bearerToken.substring(7); } return null; } } @Slf4j @Component public class TokenProvider { private static final String AUTHORITIES_KEY = "auth"; //사용자 권한(authorities) 식별하는데 사용 private static final String BEARER_TYPE = "bearer"; // 토큰유형 지정시 사용 Oauth 2.0 인증 프로토콜에서 사용되는 토큰 유형 private static final long ACCESS_TOKEN_EXPIRE_TIME = 1000 * 60 * 30; // 30분 액세스토큰 // private static final long ACCESS_TOKEN_EXPIRE_TIME = 1000 * 30; // 30초 액세스토큰 private static final long REFRESH_TOKEN_EXPIRE_TIME = 1000 * 60 * 60 * 24 * 7; // 7일 리프레쉬토큰 private final Key key; //토큰 생성시 사용할 키 // @Value는 `springframework.beans.factory.annotation.Value` jwt.secret 프로퍼티 값을 주입받기 위해 사용 // * @param secretKey public TokenProvider(@Value("${jwt.secret}") String secretKey) { byte[] keyBytes = Decoders.BASE64.decode(secretKey); //BASE64 디코딩 수행시 사용 this.key = Keys.hmacShaKeyFor(keyBytes); //키를생성 } //생성자를 통해 secretKey 값을 받아와 디코딩하고, 그 결과로 HMAC-SHA키를 생성하여 key 에할당하는 역할을 함 토큰의 암호화 및 복호화에 사용 public TokenDto generateTokenDto(Authentication authentication) { String authorities = authentication.getAuthorities().stream() //사용자의 권한정보 추출 .map(GrantedAuthority::getAuthority) .collect(Collectors.joining(",")); long now = (new Date()).getTime(); //현재시간 가져옴, 현재 시간을 밀리초 단위로 반환 Date tokenExpiresIn = new Date(now + ACCESS_TOKEN_EXPIRE_TIME); // 액세스 토큰 만료시간을 더하여 만료시간 설정 System.out.println("만료시간"+tokenExpiresIn); String accessToken = Jwts.builder() .setSubject(authentication.getName()) //메서드로 사용자 이름 설정 .claim(AUTHORITIES_KEY, authorities) // 권한정보 설정 .setExpiration(tokenExpiresIn) // 토큰의 만료시간 설정 .signWith(key, SignatureAlgorithm.HS512) // 키오 서명 알고리즘을 지정하여 토큰 서명 .compact(); // 최종적인 토큰 문자열 생성 System.out.println("토큰생성" + accessToken); //refresh Token 생성 String refreshToken = Jwts.builder() .setExpiration(new Date(now + REFRESH_TOKEN_EXPIRE_TIME)) .signWith(key, SignatureAlgorithm.HS512) .compact(); return TokenDto.builder() .grantType(BEARER_TYPE) .accessToken(accessToken) .tokenExpiresIn(tokenExpiresIn.getTime()) .refreshToken(refreshToken) .build(); } // 주어진 인증정보 기반으로 액세스 토큰 생성하고 TokenDTO 객체로 변환하여 반환 // 토큰 복호화 public Authentication getAuthentication(String accessToken) { Claims claims = parseClaims(accessToken); if (claims == null || claims.get(AUTHORITIES_KEY) == null) { throw new RuntimeException("권한 정보가 없는 토큰입니다."); } Collection authorities = Arrays.stream(claims.get(AUTHORITIES_KEY).toString().split(",")) .map(SimpleGrantedAuthority::new) .collect(Collectors.toList()); UserDetails principal = new User(claims.getSubject(), "", authorities); return new UsernamePasswordAuthenticationToken(principal, "", authorities); } // validateToken 토큰을 검증하기 위한 메소드 public TokenStatus.StatusCode validateToken(String token) { try { Jwts.parserBuilder().setSigningKey(key).build().parseClaimsJws(token); log.info("유효한 JWT 토큰입니다."); return TokenStatus.StatusCode.OK; } catch (ExpiredJwtException e) { log.info("만료된 JWT 토큰입니다."); return TokenStatus.StatusCode.EXPIRED; } catch (UnsupportedJwtException | io.jsonwebtoken.security.SecurityException | MalformedJwtException e) { log.info("잘못된 JWT 서명입니다"); return TokenStatus.StatusCode.UNAUTHORIZED; } catch (IllegalArgumentException e) { log.info("JWT 토큰이 잘못되었습니다."); return TokenStatus.StatusCode.UNKNOWN; } } //parseClaim 토큰을 claims형태로 만든 메소드 이를 통해 위에서 권한 정보가 있는지 없는지 체크 가능 private Claims parseClaims(String accessToken) { try { return Jwts.parserBuilder().setSigningKey(key).build().parseClaimsJws(accessToken).getBody(); } catch (ExpiredJwtException e) { return e.getClaims(); } } } ---- @Getter @JsonAutoDetect(fieldVisibility = JsonAutoDetect.Visibility.ANY) @AllArgsConstructor(access = AccessLevel.PUBLIC) public class TokenStatus { public enum StatusCode { OK, EXPIRED, REFRESH_EXPIRED, UNAUTHORIZED, UNKNOWN } private StatusCode statusCode; public static TokenStatus of(StatusCode status) { return makeTokenStatus(status); } public static TokenStatus makeTokenStatus(StatusCode status) { if (OK.equals(status)) { return new TokenStatus(OK); } if (UNAUTHORIZED.equals(status)) { return new TokenStatus(UNAUTHORIZED); } if (EXPIRED.equals(status)) { return new TokenStatus(EXPIRED); } return new TokenStatus(UNKNOWN); } } service↓@Service @RequiredArgsConstructor @Transactional public class AuthService { private final AuthenticationManagerBuilder managerBuilder; private final MemberRepository memberRepository; private final PasswordEncoder passwordEncoder; private final TokenProvider tokenProvider; private final RefreshTokenRepository refreshTokenRepository; public MemberResponseDto signup(MemberRequestDto requestDto) { if (memberRepository.existsByEmail(requestDto.getEmail())) { throw new RuntimeException("이미 가입되어 있는 유저입니다"); } Member member = requestDto.toMember(passwordEncoder); return MemberResponseDto.of(memberRepository.save(member)); } public TokenDto login(MemberRequestDto requestDto) { UsernamePasswordAuthenticationToken authenticationToken = requestDto.toAuthentication(); Authentication authentication = managerBuilder.getObject().authenticate(authenticationToken); return tokenProvider.generateTokenDto(authentication); } // 토큰 갱신 public TokenDto refresh(TokenRequestDto tokenRequestDto) { //Refresh Token 검증 TokenStatus.StatusCode tokenStatusCode = tokenProvider.validateToken(tokenRequestDto.getRefreshToken()); if (tokenStatusCode != TokenStatus.StatusCode.OK) { System.out.println("리프레시토큰??"+tokenRequestDto.getRefreshToken()); throw new RuntimeException("유효하지 않은 리프레시 토큰입니다."); } // Access Token 에서 Member ID 가져오기 Authentication authentication = tokenProvider.getAuthentication(tokenRequestDto.getAccessToken()); System.out.println("엑세스토큰"+tokenRequestDto.getAccessToken()); // 저장소에서 Member ID 를 기반으로 Refresh Token 값 가져옴 RefreshToken refreshToken = refreshTokenRepository.findByKey(authentication.getName()) .orElseThrow(() -> new RuntimeException("로그아웃 된 사용자입니다.")); // Refresh Token 일치하는지 검사 if (!refreshToken.getValue().equals(tokenRequestDto.getRefreshToken())) { throw new RuntimeException("토큰의 유저 정보가 일치하지 않습니다."); } // 새로운 토큰 생성 TokenDto tokenDTO = tokenProvider.generateTokenDto(authentication); // 저장소 정보 업데이트 RefreshToken newRefreshToken = refreshToken.updateValue(tokenDTO.getRefreshToken()); refreshTokenRepository.save(newRefreshToken); return tokenDTO; } }엔티티와 레포지토리를 제외한 코드들 입니다프론트↓import Cookies from "universal-cookie/es6"; import axios from "axios"; import Swal from "sweetalert2"; const ACCESS_TOKEN_COOKIE ='at'; const REFRESH_TOKEN_COOKIE ='rt'; const cookies = new Cookies(); const INSTANCE = () => { const instance = { baseURL: process.env.REACT_APP_API_BASE_URL, timeout: 100000, } const accessToken = cookies.get(ACCESS_TOKEN_COOKIE); if(accessToken) { const axiosWithAuthHeader = {...instance}; axiosWithAuthHeader.headers = {"Authorization" : `Bearer ${accessToken}`} return axios.create(axiosWithAuthHeader) } else { return axios.create(instance); } } function refreshRequest(originalRequest) { return originalRequest .then((res) => res) // 200 .catch((err) => { // 401, 500, 기타 등등 const config = err.config; if (err?.response?.data === "EXPIRED") { return INSTANCE().post('http://localhost:8081/auth/refresh', { accessToken: cookies.get(ACCESS_TOKEN_COOKIE), refreshToken: cookies.get(REFRESH_TOKEN_COOKIE) }) .then((res) => { if (res?.data?.accessToken && res?.data?.refreshToken) { cookies.set(ACCESS_TOKEN_COOKIE, res?.data?.accessToken); cookies.set(REFRESH_TOKEN_COOKIE, res?.data?.refreshToken); return axios({ ...config, headers: {"Authorization": `Bearer ${cookies.get(ACCESS_TOKEN_COOKIE)}`} }).then((res) => res) } else { Swal.fire({ title: "토큰이 만료되었습니다.", icon: 'warning', }) window.location.href = '/' cookies.remove(ACCESS_TOKEN_COOKIE) cookies.remove(REFRESH_TOKEN_COOKIE) } }).catch(() => { alert("몰라용") window.location.href = '/404' cookies.remove(ACCESS_TOKEN_COOKIE) cookies.remove(REFRESH_TOKEN_COOKIE) }) } else { throw err } }) } export default { get : (url, options)=>{ const originalRequest = INSTANCE().get(url,options); return refreshRequest(originalRequest); }, delete : (url, options)=>{ const originalRequest = INSTANCE().delete(url,options); return refreshRequest(originalRequest); }, post : (url,data, options)=>{ const originalRequest = INSTANCE().post(url,data,options); return refreshRequest(originalRequest); }, put : (url,data, options)=>{ const originalRequest = INSTANCE().put(url,data,options); return refreshRequest(originalRequest); } }문제는 프론트에서 로그인을 하는 경우에 프론트쪽에선 로그인이 되어 다른페이지로 넘어가기는 하나 백엔드 로그에서 jwt 토큰이 잘못되었다라고 찍힙니다postman으로 해도 잘못되었다는 로그는 찍혀도 토큰값이랑 리프래쉬토큰값이 나오기는 해서 토큰값 복사하고 다른 url로 postman으로 send를 하면 백엔드로그에서는 유효한 jwt 토큰이라고 뜨더군요 문제는 저 코드들 중에서 어디서 어떻게 잘못된건지 도저히 감을 못잡겠습니다 ... 주변에 물어볼곳도 없어서 너무 답답해요 제발 도와주세요 ㅠㅠ

짱구올시다 · Answer

코드 하이라이팅해서 올려주세요. 그리고 깃허브에 소스가 있다면 주소를 첨부해주시면 도움이 됩니다.

스프링부트 시큐리티 토큰 오류

1개의 답변

기타 목록