cors4 [Other] react, springboot cors 에러 해결 백엔드인 springboot의 cors 설정은 위와 같다. 프론트 엔드인 React에서 fetch로 http 요청을 보낼때 mode를 cors 로 설정해 놓았다. 프론트 엔드에서 요청을 보내면 try catch에서 에러를 잡아서 보여준다. 네트워크 탭을 확인해 보면은 요청이 백엔드로 가지도 않은거 같다. ---> status 코드가 없다 요청 헤더 상황---> 응답헤더가 없는 것을 보니 요청이 백엔드로 가지 않은거 같다. 프론트에 packge.json파일에 proxy를 추가해준다. ---> 서버의 주소와 포트번호를 작성해준다. 백엔드에 요청을 보내는 코드의 url에서 프록시로 설정한 주소를 제외 시킨다. 다시 요청을 보내보면은 백엔드 서버에서 요청을.. 2024. 6. 13. [React] cors https://bluishhot-star.tistory.com/185 [React] CORS 에러 해결하기 (http-proxy-middleware)외주 작업 도중 api에 요청을 할 때 CORS 에러를 마주하였다! 대략 위와 같은 에러 메세지를 콘솔창에서 볼 수 있다. 1. CORS (Cross Origin Resource Sharing) 1) CORS란? https://developer.mozilla.org/ko/docs/Web/HTTP/CORS/Ebluishhot-star.tistory.com https://stackoverflow.com/questions/43462367/how-to-overcome-the-cors-issue-in-reactjs How to overcome the CORS is.. 2024. 6. 8. [Cloud] aws - 3tier를 각각의 인스턴스에 설치 및 구동 3tier application을 aws의 vpc안의 인스턴스에서 실행하려고 한다. 각각의 인스턴스에 security group설정을 해주고,인스턴스 내부의 방화벽은 따로 사용하지 않을 계획이다. backend와 frontend는실행시 많은 메모리를 필요로 하기 때문에 t2-micro가 아닌t2-small을 사용해서 어플리 케이션이 원할하게 구동이 되도록 하였다. 각각의 환경설정을 위해 shell script로코드를 작성해서 각각의 인스턴스에서 실행하였다. 프로트 어플리케이션은 정상적으로 접근이 된다. 프론트에서 백엔드로는cors에러 때문에 접근이 되지 않는다. 결론cors 에러로 인해서 프론트와 백엔드가통신을 하지 못한다. 후기예기치 못한 문제가 발생하였지만각각의 어플리케이션은 잘.. 2024. 6. 1. [Java] spring boot - cors 에러 https://diary-developer.tistory.com/31 [Spring Boot] CORS Filter 설정하기 (CORS 오류 해결방법) - Java웹 개발을 하다 보면 CORS 오류는 많이 볼 수밖에 없다. 최근 Spring Boot로 개발을 진행하면서 발생했던 CORS 오류를 어떻게 해결했는지에 대한 과정이다. CORS (Cross Origin Resource Sharing) Policy 직역하자diary-developer.tistory.com https://www.baeldung.com/spring-cors 참고자료 https://medium.com/@byeongsoon94/spring-boot-cors-%EC%9D%B4%EC%8A%88%ED.. 2024. 5. 29. 이전 1 다음
