Vue와 Springboot는 로컬 주소가 다르기 때문에 CrossOrigin 어노테이션을 기존에 사용하였는데 이 때 전체 주소로 지정하면 session이 계속 달라진다고 한다.
따라서 springboot의 webconfig에
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("<http://localhost:5173/>")
.allowedMethods("GET","POST","PUT","DELETE")
.allowedHeaders("*")
.allowCredentials(true);
}
를 추가하고
Vue의 각 axios에
withCredentials:true
를 추가하여 해결하였다. (구체적으로 주소를 설정하였기에 session이 정상적으로 유지되며 로그인 상태가 보존되게 된다.)