Springboot javscript 'Failed to fetch'

🟦 'Failed to fetch'

SpringBoot로 API를 만들고 javascript로 API를 연동하려 하였으나 아래와 같이 CORS 에러가 발생하였다.

TypeError: Failed to fetch
    at file:///C:/Users/yoond/OneDrive/%EB%B0%94%ED%83%95%20%ED%99%94%EB%A9%B4/aquafarmPage.html:72:9 {stack: 'TypeError: Failed to fetch
    at file:///C:/…5%20%ED%99%94%EB%A9%B4/aquafarmPage.html:72:9', message: 'Failed to fetch'}

온갖 해결책을 따라해 보아도 문제가 해결이 안되었었는데 어노테이션의 위치를 수정하니 문제가 해결되었다.

@RequestMapping 위에 @CrossOrigin 어노테이션을 위치시키면 문제가 해결된다.

• 수정 전
  

• 수정 후