Ionic 3 - Yelp API - PullRequest
Новая
       10

Ionic 3 - Yelp API

0 голосов
/ 10 мая 2018

Я создал новый проект Ionic для запуска этого кода. В Postman все работало нормально, но когда я запускаю ionic serve, я получаю сообщение об ошибке.

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, я вижу в консоли следующую ошибку: enter image description here

1 Ответ

0 голосов
/ 10 мая 2018

Для 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/

...