Spotify API bekommen Künstler Track-Daten Fehler zurückgegeben nicht autorisierte

Question

Derzeit versuchen, KD Rusha holen aktuelle Tracks zu bekommen. Zeigen Sie es auf seiner Website an und zeigen Sie die Wiedergabetaste, wenn jeder über das Liedbild schwebt, um es abzuspielen. Was mache ich hier falsch?

Meine Schritte:

1. Möchten Sie für KD Rusha Top-Alben auf Spotify holen.
2. Beschränken Sie sie auf nur 9 Spuren.

3. Fügen Sie den Play-Button oben auf jedem Track hinzu, um 30 Sekunden lang den Song abzuspielen.

   Künstler ID https://api.spotify.com/v1/artists/{id} Give Me 401 (Unauthorized)

   import React from 'react'; 
   require('dotenv').config(); 
   
   export default class SpotifyComponent extends React.Component { 
   
   constructor(props){ 
       super(props); 
       this.state = { 
        artist: null, 
       }; 
   } 
   
   componentWillMount() { 
       var request = new Request('https://api.spotify.com/v1/artists/5JLWikpo5DFPqvIRi43v5y', { 
        method: 'GET', 
        headers: new Headers({ 
        'Accept': 'application/json', 
        'Content-Type': 'text/plain', 
   
        'Authorization': 'Bearer <big blob of token here>' 
        }) 
   }); 
   
       fetch(request)// fetch the Spotify date from KD Rusha Account 
       .then((response) => { 
        var result = response.json() 
        this.setState({// State artist albums 
         albums: result, 
         selectedTrack: [0] 
        }); 
          console.log(response.json()); 
       if (response.status >= 400) { 
        throw new Error("Bad response from server"); 
       } 
       return response.json(); 
       }); 
   } 
   
       render(){ 
       return(
        <section className="spotify-cantainer"> 
          <img src="{albums}" alt="kdrusha" /> 
        </section> 
       ); 
       } 
   
   } 
   

Answer 1

Dies könnte völlig falsch sein, aber da niemand hat dir noch geantwortet, und ich habe eine Lösung für ein sehr ähnliches Problem dank der Code gefunden Ich werde versuchen zu helfen. Hier ist mein Code, eine Funktion mit einem Eingang angeschlossen, die für einen Künstler mit meinem Spotify Login suchen:

search() { 
const BASE_URL = 'https://api.spotify.com/v1/search?'; 
const FETCH_URL = `${BASE_URL}q=${this.state.query}&type=artist&limit=1`; 

fetch(FETCH_URL, { 
    method: 'GET', 
    headers: new Headers({ 
    Accept: "application/json", 
    Authorization: "Bearer <long token here>" 
    }) 
}) 
.then(response => response.json()) 
.then(json => console.log('json', json)); 
} 

Ein Unterschied besteht darin, dass die Schlüssel in meiner Headers dict sind nicht in Anführungszeichen. Die Funktion gibt ein JSON-Objekt mit allen Informationen über den Künstler aus {this.state.quesry} zurück.

Viel Glück und ich hoffe, das hilft!