uploadcare удалить файл используя angular 4

Question

Я использую Angular 4 для загрузки изображений в uploadcare, и он работает просто отлично!

но когда я пытаюсь удалить файл с помощью этого API:

УДАЛИТЬ https://api.uploadcare.com/files/:a0eb7fab-d7c1-43ab-a32c-5fd7c2f199a3

я получаю эту ошибку:

Ответ на предварительный запрос не проходит проверку контроля доступа: в запрашиваемом ресурсе отсутствует заголовок "Access-Control-Allow-Origin"

const url = 'https://api.uploadcare.com/files/:a0eb7fab-d7c1-43ab-a32c-5fd7c2f199a3';

this.http.delete(url, {
    headers: {
      'Access-Control-Allow-Origin': '*',
      'Access-Control-Allow-Headers': 'Authorization',
      'Content-Type': 'application/json',
      'X-Requested-With': 'XMLHttpRequest',
      'Authorization': 'Uploadcare ' + 'publicKey:privateKey',
      'Access-Control-Allow-Methods': 'DELETE, OPTIONS'
    }
  }
).subscribe(res => {
  console.log(res);
});

у почтальона его работа отлично!

Answer 1

Вы отправляете неправильные заголовки в вашем запросе:

Access-Control-Allow-X заголовки, которые могут быть отправлены сервером. Вы должны отправить Access-Control-Request-X Заголовки, чтобы указать, что вы хотите сделать в ваших запросах.

Итак, ваш фрагмент должен выглядеть примерно так:

this.http.delete(url, {
    headers: {
      'Origin': 'your-origin',
      'Access-Control-Request-Headers': 'Authorization',
      'Authorization': 'Uploadcare ' + 'publicKey:privateKey',
    }
  }
).subscribe(res => {
  console.log(res);
});

Вы можете прочитать о CORS более подробно здесь: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS