HttpClient Угловой CORS Twilio

Я пытаюсь выполнить запрос «GET» к Twilio API, используя HttpClient module

import { HttpClient } from '@angular/common/http';

Я использую

Angular CLI: 6.0.8
Node: 8.11.3
OS: darwin x64

Я тестирую Firefox и Chrome, получаю ту же ошибку

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://api.authy.com/protected/json/phones/verification/check?api_key=****. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

Это функция, которую я запускаю для тестирования

    submitCode() {
    let data = {
        api_key: '',
        verification_code: '',
        phone_number: '',
        country_code:''
    }
    let headers = {
        'Access-Control-Allow-Origin' : '*',
        'Content-Type' : 'application/json',
    }
    this.HTTP.get('http://api.authy.com/protected/json/phones/verification/check',{params: data,headers:headers}).subscribe(
        resp=>{alert(1)},
        err=>{alert(2)},
        ()=>{alert(3)}
    )
}

Что происходит, когда срабатывает второе предупреждение?

Я пробовал использовать его без заголовков, такая же проблема. Однако, когда я оставляю заголовки пустыми, запускается API, и он отображается на мониторах Twilio, но данные не возвращаются из-за CORS.


person A. CODE    schedule 31.07.2018    source источник
comment
Проблема Cors связана с HTTP-плагином, поэтому вы не можете протестировать его с помощью «ionc serve», если хотите протестировать его на своем устройстве или симуляторе.   -  person CodeChanger    schedule 31.07.2018


Ответы (1)


Решил эту проблему, развернув внутренний сервер и отправив на него запросы.

(Лучше, чем отправка из реального клиента и отображение вашего ключа API в ваших запросах)

Другое решение - использовать CORS-Anywhere http://cors-anywhere.herokuapp.com/.

person A. CODE    schedule 01.08.2018
comment
как мы можем использовать в angular - person Vivek Chaturvedi; 23.05.2019