본문 바로가기
사이드 프로젝트/Spring Boot

[server port] backend&frontend port 맞추기

by 코딩맛집 2022. 12. 21.

axios 통신을 맞추기 위해

 

<VSC>의 package.json에 "proxy":"http://localhost:8080"를 주어서 axios 통신할 때

js파일마다 localhost 주소를 써주지 않아도 되도록 만들었다. 또한, 백단과 통신을 맞추기 위해

 

<IntelliJ> 에서 application.properties 들어가면 server.port=8080으로 맞췄다.

 

 

 

웹URL의 localhost를 맞추기 위해

 

<VSC>의 package.json에 set port=80을 

  "scripts": {
    "start": "set port=80 && react-scripts start",
    ~~~}

<IntelliJ> 에서 localhost:80으로 맞춰주면 된다.

@Configuration
public class WebConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**").allowedOrigins("http://localhost:80");
    }
}