下面的代码有啥问题？

Posted 2023-04-15

【中文标题】下面的代码有啥问题？

【英文标题】：What's wrong with the below code?下面的代码有什么问题？

【发布时间】：2018-06-27 16:06:24

【问题描述】：

我正在开发一个使用 Spotify API 获取数据的示例 Angular2 应用程序。当我运行代码时，我在控制台中收到响应错误为“无效的访问令牌”。我提供了正确的访问令牌，但错误仍然存​​在，我不知道如何解决它以及我在做什么。

import  Injectable  from '@angular/core';
import  Http, Response, Headers, RequestOptions  from '@angular/http';
import 'rxjs/add/operator/map';

@Injectable()
export class SpotifyService 
  private searchUrl: string;   

  constructor(private _http: Http)  

  searchMusic(str: string, type = 'artist') 
    const access_token = '<My Access Token Here>';
    const headers = new Headers( 'Authorization': 'Bearer ' + access_token );
    this.searchUrl = 'https://api.spotify.com/v1/search?query='+str+'&offset=0&limit=20&type='+type+'&market=US';

    return this._http
      .get(this.searchUrl,  headers )
      .map(res => res.json());
  

错误截图：

【参考方案1】：

您可以通过在标题中添加一种内容类型来检查

var headers: Headers = new Headers('Authorization': 'Bearer ' + access_token, 'Content-Type': 'application/x-www-form-urlencoded' );

或

var headers: Headers = new Headers('Authorization': 'Bearer ' + access_token, 'Content-Type': 'application/json' );

【参考方案2】：

您是否能够通过在他们的 api 控制台中提供您的访问令牌来获得有效的响应？

https://developer.spotify.com/web-api/console/get-search-item/?q=tania+bowra&type=artist