Ngrok cors에러 해결하는 방법

 

기본적인 CORS에러 해결을 위한 webconfig 설정

---

 

import com.codestates.mainProject.security.auth.loginResolver.LoginMemberIdResolver;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.method.support.HandlerMethodArgumentResolver;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

import java.util.List;
@Configuration
public class WebConfig implements WebMvcConfigurer {

    @Override
    public void addArgumentResolvers(List<HandlerMethodArgumentResolver> resolvers) {
        resolvers.add(new LoginMemberIdResolver());
    }

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry
                .addMapping("/**")
                .allowedOrigins("*")
                .allowedMethods("*")
                .allowedHeaders("*");
    }
}

 

 

 

ngrok 연결 시 cors 에러 뜨는 현상 및 해결법

---

그런데 이렇게 설정을 해놔도 ngrok 연결 시 post 부분이 cors에러가 뜨는 현상이 나타나는 경우가 있습니다.

 

 

 

해결방법

1.   ngrok   가입  후  토큰 인증

 

2. ngrok http --host-header=rewrite 8080(가동하는 서버포트)

입력 후 ngrok을 실행하면 cors 에러를 해결할 수 있습니다.