Angular2サービス - Spotify API認可がCorsポリシーで失敗する

Question

現在、Angular2のチュートリアルを進めています。残念ながら、私のチュートリアルでは、Spotify APIが今までに承認を必要としているとは言いません。私は既にSpotify Dev Cornerにアプリケーションを設定しました。私Angular2-サービスのための私のコードは、この

import { Injectable } from '@angular/core'; 
import { Http } from '@angular/http'; 
import 'rxjs/add/operator/map'; 

@Injectable() 
export class SpotifyService { 
    private searchUrl: string; 
    private token: string; 
    private client_id = 'xxxx'; 
    private client_secret = 'yyyy'; 
    private redirect_uri = 'http://localhost:4200'; 
    private responseType = 'code'; 

    constructor(private _http:Http){ 

    } 

    authorize(){ 
     return this._http 
      .get('https://accounts.spotify.com/authorize?client_id=' + this.client_id + '&client_secret=' + this.client_secret + '&redirect_uri=' + this.redirect_uri + '&response_type=' + this.responseType) 
      .map(res => res.json()); 
    }  
} 

のように見え、私のコンポーネント内のコンストラクタはこの

constructor(private _spotifyService:SpotifyService) { 
     this._spotifyService.authorize().subscribe(res => { 
      console.log(res); 
     }); 
    } 

のように見える今、私の問題は、私のアプリを実行すると、私はクロスとエラーが出るということです私を少し混乱させる原産地の政策とヘッダーを正しく設定するのは本当にわかりません。

XMLHttpRequestはロードできません。 https://accounts.spotify.com/authorize?client_id=xxxx&client_secret=yyyy&redirect_uri=http://localhost:4200&response_type=code。 要求された リソースに「Access-Control-Allow-Origin」ヘッダーが存在しません。したがって、「http://localhost:4200」の原点は許可されません。

自分のdevifyコーナーの私のspotifyアプリケーションにredirect_uriを追加しました。多分あなたは助けてくれるかもしれません。 nginxのは、ApacheなどのHTTPサーバ上の事前のおかげと

挨拶クリスは

Answer 1

シェアヘッダ、。

CORSポリシーについてお読みください。

共有方法が必要 - の例では、ポスト、取得するには、オプションを