Как исправить CORS ошибку?

Question

[bzotsss]

Всем привет , при выполнении на базу firebase метода DELETE у фетча выскакивает CORS ошибка(смотреть скрин ) . Ошибка 405

Вот сама функция

export const deleteData = async function (itemID) {
  console.log(DELETE_URL)
  await fetch(`${DELETE_URL}${itemID}`, {
    method: 'DELETE',
  })
}

В чём может быть проблема?

Comments

[Lynn «Кофеман»]

Вам ярко-красным по тёмно-красному написано: Response to preflight request doesn't pass access control check

[bzotsss]

Lynn «Кофеман», Как это исправить ? Гуглил и не нашёл ответа который бы мне подошёл

[Михаил]

bzotsss, ответов на CORS куча, чего вы там не нашли?

[bzotsss]

Михаил, ладно , я не сильно знаком с корсом и поэтому наверное не понимаю даже в чём проблема . Пойду изучать корс...

[Lynn «Кофеман»]

Исправлять надо сервер. Правда я не очень понимаю как вы собираетесь исправлять явно не ваш firebaseio.com. Если я правильно нагуглил, то это какой-то гугловый сервис и надо читать его документацию.

[bzotsss]

Lynn «Кофеман», да , это гугловский сервис . Пойду читать их доку . Может я что то делаю не правильно

Answer 1

[Vladimir Medvedev]

Сервер локальный?
В настройках сервера надо указать прием заголовков, вот несколько примеров (на всякий случай напишу с разрешенными всеми заголовками, измените для себя на те, что нужны именно вам):

• nginx:

  if ($request_method = 'OPTIONS') {
          add_header 'Access-Control-Allow-Origin' '*';
          add_header 'Access-Control-Allow-Headers' '*';
          ddd_header 'Access-Control-Allow-Methods', '*';
          return 204;
       }
       if ($request_method = 'POST') {
          add_header 'Access-Control-Allow-Origin' '*';
          add_header 'Access-Control-Allow-Headers' '*';
          ddd_header 'Access-Control-Allow-Methods', '*';
       }
       if ($request_method = 'GET') {
          add_header 'Access-Control-Allow-Origin' '*';
          add_header 'Access-Control-Allow-Headers' '*';
          ddd_header 'Access-Control-Allow-Methods', '*';
       }

  
  
  
• node.js: res.header('Access-Control-Allow-Methods', '*');
  
• php:

  header('Access-Control-Allow-Origin: *');
  header('Access-Control-Allow-Methods: *');

  
  

если не поможет присылайте результат, попробуем разобраться

Comments

[bzotsss]

Спасибо помогло