使用 Spotify API 获取用户播放列表（如何在 http 请求 Angular 2 中添加访问令牌？）

我正在 udemy 上学习这门课程，内容是构建 12 个不同的 Angular 2 应用程序，其中一个与 Spotify Web API 配合使用，我正在向其中添加更多功能；

我已经学会了如何使用简单的 GET 请求，例如

searchMusic(str:string, type='artist'){
    this.searchUrl = 'https://api.spotify.com/v1/search?query='+str+'&offset=0&limit=20&type='+type+'&market=US';
    return this._http.get(this.searchUrl)
        .map(res => res.json());
}

该功能不需要身份验证密钥

But to 获取播放列表我需要将身份验证密钥传递给请求，否则我会收到错误而不是 Json 格式的播放列表

如何将身份验证密钥附加到请求中以消除错误？

Thanks!

你可以试试这个代码 导入这个文件

import { Http, Response, Headers, RequestOptions } from '@angular/http';

   searchMusic(str:string, type='artist'){
        let headers = new Headers({ 'Content-Type': 'application/json' },{'Authorization:'add_your_token_here'}); // ... Set content type to JSON
        let options = new RequestOptions({ headers: headers }); // Create a request option
        this.searchUrl = 'https://api.spotify.com/v1/search?query='+str+'&offset=0&limit=20&type='+type+'&market=US';
        return this._http.get(this.searchUrl, options)
            .map(res => res.json());
         }

欲了解更多信息，请查看这些链接

https://scotch.io/tutorials/angular-2-http-requests-with-observables https://angular.io/docs/ts/latest/guide/server-communication.html#!#override-default-request-options

import { Injectable } from '@angular/core';
import { Http, Headers } from '@angular/http';

@Injectable()
export class PfService {
  constructor(private http: Http) {}

  getProfile() {
    let headers = new Headers();
    headers.append('Content-Type', 'application/json');
    let authToken = localStorage.getItem('auth_token');
    headers.append('Authorization', `Bearer ${authToken}`);

    return this.http
      .get('/profile', { headers })
      .map(res => res.json());
  }
}

如果以上不起作用，请尝试此操作

我希望这个能帮上忙