Ionic 3 - Yelp API
Я создал новый Ionic
проект для запуска этого кода. В Почтальоне все работало нормально, но когда я бегу ionic
служить я получаю ошибку.
home.ts:
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Http, Headers, RequestOptions, HttpModule } from '@angular/http';
import 'rxjs/Rx';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/do';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
restaurants: any;
constructor(public navCtrl: NavController, public http: Http) {
var headers = new Headers();
headers.append('Authorization', 'Bearer XX');
var options = new RequestOptions({headers: headers});
this.http.get('https://api.yelp.com/v3/businesses/search?latitude=XX&longitude=XX&radius=10000&categories=food&locale=en_NZ', options).map(res => res.json()).subscribe(data => {
this.restaurants = data.data.children;
console.log(this.restaurants);
});
}
}
Когда я запускаю ionic serve, я вижу в консоли следующую ошибку:
1 ответ
За ionic serve
Вы можете использовать плагин Chrome: https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en или любой другой.
В любом случае вам также необходимо добавить адрес API Yelp в ваш index.html для работы с CSP. Смотрите информацию о CSP здесь: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-whitelist/