reactjs - Spotify api 需要一点帮助

Question

从事我的第一个项目，需要一些帮助。我成功使用 React 使用 Spotify API 来获取我的播放列表。现在我想构建一个搜索组件，但我得到一个 401 返回。我认为问题出在我的标题中（Content-Type??）。

import React, {useEffect, useState} from "react";
import axios from "axios";
import {useOptionContext} from "../context/SelectedOptionsProvider";


export default function ArtistOnSpotify() {
    const [token, setToken] = useState("");
    const [data, setData] = useState({});
    const {
        selectedArtist,
    } = useOptionContext();
    console.log("localstorage", localStorage);
    console.log("token", token);

    useEffect(() => {
        if (localStorage.getItem("accessToken")) {
            console.log(localStorage);
            setToken(localStorage.getItem("accessToken"));
        }
    }, []);

    async function ArtistOnSpotify() {
        try {
            console.log(token);
            const response = await axios.get(`https://api.spotify.com/v1/search?query=${selectedArtist}`, {
                headers: {
                    Authorization: "Bearer " + token,
                    Accept: "application/json",
                    "Content-Type" : "application/json",
                    // Content-Type : "application/json", 
        },
        })
            ;
            console.log(response.data);
            // setData(response.data);
        } catch (error) {
            console.log(error);
        }
        ;
    };

    return (
        <div>
            <button onClick={() => ArtistOnSpotify()}>klik</button>
        </div>
    )
}

标签： reactjsapisearchspotify