Javascript 对Spotify API的POST请求表示无令牌

Javascript 对Spotify API的POST请求表示无令牌,javascript,reactjs,spotify,Javascript,Reactjs,Spotify,我在尝试POST请求时收到此错误消息: { "error": { "status": 401, "message": "No token provided" } } 问题是,我通过创建headers变量并将其分配给post请求的标头来传递访问令牌,如下所示: const headers = { Authorization: `Bearer ${accessToken}

我在尝试POST请求时收到此错误消息:

{
  "error": {
    "status": 401,
    "message": "No token provided"
  }
}
问题是,我通过创建headers变量并将其分配给post请求的标头来传递访问令牌,如下所示:

const headers = {
            Authorization: `Bearer ${accessToken}`
        }
这个获取请求就是我上面提到的错误。我怎样才能解决这个问题

以下是GitHub的链接:

此代码位于src/utils/Spotify文档中


谢谢

我试着运行你的代码,但它在到达程序的那一部分之前抛出了一个不同的错误

一种可能的调试策略是,在返回提取请求之前,确保仍然定义了
headers
变量,并包括访问键。在运行特定的获取之前,只需将其打印到控制台。如果它在承诺链的某个点超出了范围,那么它可能是
null


我还建议使用
headers:headers
而不是
'headers':headers

文档说格式必须是
Authorization:Basic**
。查看节标题参数。我相信它使用
Basic
作为auth头。是的,我使用的是implict grant flow,但是我非常确定它不需要客户端secret,这正是我刚才所做的,头确实返回了一个令牌。我会在我原来的帖子里加一张图片。还有,为什么代码对你来说崩溃了,但对我却有效?是因为我没有完全部署react应用程序吗?感谢打开开发者控制台并检查正在发出的实际网络请求。你应该可以看到使用的标题。只是这样做了,但它并没有真正帮助我解决问题
return fetch(`https://api.spotify.com/v1/users/${userId}/playlists`, {
                'headers': headers,
                method: 'POST',
                body: JSON.stringify({'name': name})