尝试使用 Axios 从 Spotify API 获取访问令牌时出错答案

【问题标题】：Error trying to fetch access token from Spotify API using Axios尝试使用 Axios 从 Spotify API 获取访问令牌时出错
【发布时间】：2020-09-11 19:40:44
【问题描述】：

我正在使用 Spotify API 使用 Vue 开发一个项目，但在尝试获取访问令牌时遇到了困难。我正在使用 axios 发出请求，但每次我从服务器获得 400 状态。

这就是我这样做的方式，我在 Vuex 商店的一个动作中有请求，我不确定我是否遗漏了什么。

axios({
        method: 'post',
        url: 'https://accounts.spotify.com/api/token',
        params: {
          grant_type: 'authorization_code',
          code: payload.code,
          redirect_uri: process.env.VUE_APP_REDIRECT_URI
        },
        headers: { 
          'Authorization': 'Basic ' + (new Buffer(process.env.VUE_APP_CLIENT_ID + ':' + process.env.VUE_APP_CLIENT_SECRET).toString('base64')),
          'Content-Type': 'application/x-www-form-urlencoded' 
        },
        json: true
        })
        .then((response) => {
            //handle success
            resolve(response);
        })
        .catch((error) => {
            //handle error
            reject(error);
        })

【问题讨论】：

标签： api vue.js axios spotify

【解决方案1】：

我会尝试使用data 而不是params。

我认为data 用于POST 正文，params 用于查询字符串参数。

Axios Cheat Sheet

您应该检查请求以查看您发送的内容，然后将其与您应该发送的内容进行比较。

【讨论】：