Ошибка получения запроса из-за отсутствия токена CORS в Firefox

Question

При попытке выполнить POST-запрос в Firefox появляются следующие сообщения об ошибках:

Блокируется перекрестный запрос: одна и та же политика происхождения запрещает чтение удаленного ресурса в https://example.net/graphql. (причина:отсутствует токен 'content-type' в заголовке CORS 'Access-Control-Allow-Headers' из канала предварительной проверки CORS).

Блокирован перекрестный запрос: одна и та же политика происхождения запрещает чтение удаленного ресурса на https://example.net/graphql. (Причина: запрос CORS не выполнен).

Тот же запрос успешно выполняется в Chrome.Запрос, который я отправляю:

method: 'POST',
  headers:{
    'x-client-id': '123',
    'content-type': 'application/json; charset=UTF-8'
  },
  body: JSON.stringify({
    query: "query ..."
  })
})
.then(res => res.json())
.then(console.log);```

I am issuing this request while on another https origin.

My setup in my code for cors is simply the spring annotation:
```@CrossOrigin(allowedHeaders = {"content-type", "x-client-id"})```

Answer 1

Вам понадобятся следующие заголовки:

Access-Control-Allow-Origin: http://api.bob.com

Access-Control-Allow-Methods: GET, POST, PUT

Access-Control-Allow-Headers: X-Custom-Header Content-Type: text / html;

charset = utf-8

в целевом порядкеразрешить CORS.Если у вас нет доступа к удаленным ресурсам, используйте сервер в качестве прокси-сервера и отправьте запрос оттуда, верните ответ в браузер.