[ERROR] The 'Access-Control-Allow-Origin' header contains multiple values

---

1. 문제

A 도메인에서 B도메인으로 cors xmlhttprequest 요청을 보낼때 The 'Access-Control-Allow-Origin' header contains multiple values 에러가 발생할 수 있다.

예를 들어 S3로 호스팅하고 있는 React에서 Nginx+Spring Boot로 구성되어 있는 API 서버로 요청을 보낼때..

2. 원인

중복된 cors 설정때문이다.

Nginx로 proxy server를 구성하고, Spring boot로 application server를 구성했을 경우 Nginx와 Spring boot 두곳에 cors 설정을 하게되면 중복으로 Access-Control-Allow-Origin가 header에 붙게된다.

따라서 multiple values 에러가 발생하게 된다.

3. 해결

둘 중 한곳의 cors 설정을 제거한다.

1) Nginx

2) Spring Boot

---

추천서적

스프링 부트와 AWS로 혼자 구현하는 웹 서비스

파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음

---