Angular2服务-Spotify API授权失败，使用cors策略

Question

我目前正在学习一些 Angular2 的教程。不幸的是，我的教程没有涵盖Spotify API现在需要授权。我已经在Spotify开发角设置了一个应用程序。我的 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

我已经在他们的开发角将redirect_uri添加到我的Spotify应用程序中。也许你可以帮忙。提前感谢

问候克里斯

Answer 1

在HTTP服务器上共享标头，如恩金克斯，阿帕奇。

你需要阅读CORS政策。

需要共享方法-示例中的options、get、post