Angular2 服务 - Spotify API 授权因 cors 政策而失败

Question

我目前正在学习一些 Angular2 教程。不幸的是，我的教程现在还没有提到 Spotify API 需要授权。我已经在 Spotify Dev Corner 中设置了一个应用程序。我的 Angular2-Service 代码如下所示

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” 访问。

我已将 redirect_uri 添加到我的 spotify 应用程序的开发角。也许你可以帮忙。在此先感谢

问候克里斯

Answer 1

在 HTTP 服务器上共享标头，例如 nginx、apache。

您需要阅读有关 CORS 政策的信息。

需要共享方法 - 示例中的选项、获取、发布