Заголовок 'Access-Control-Allow-Origin' содержит несколько значений 'http://localhost:3000, http://localhost:3000',, но разрешено только одно

Question

Пока ни один из ответов на SO не смог помочь мне найти решение.Я пытаюсь получить доступ с localhost, мой API обслуживается на Ubuntu сервере с Nginx.Вот как выглядит Nginx config:

Когда я звоню из приложения React, я получаю сообщение об ошибке:

Доступ к XMLHttpRequest в «https://api.zapas.tech/manufacturers' от источника» http://localhost:3000' заблокирован политикой CORS: заголовок «Access-Control-Allow-Origin» содержит несколько значений «http://localhost:3000, http://localhost:3000', но разрешен только один.

Пока тот же запрос от Почтальона работает хорошо.Я почти уверен, что ничего не связано с CORS в приложении React.

Answer 1

Есть ли у вас варианты метода запроса?Если это так, вы добавляете заголовки дважды.

Вы добавляете: 1,2,3

И если условие 'if' выполняется, вы также добавляете: 1,2,3, дополнительныеdata.

Таким образом, если условие истинно, ваши данные выглядят следующим образом: 1,2,3,1,2,3, дополнительные данные

Просто удалите дубликаты в цикле if, и оно 'наверно сработает :) 1009 *