在 Spotify API 授权期间获取 HTTP 415 Unsupported Media
我想使用此处提到的“客户端凭据流”访问 Spotify Web API 。我尝试使用此处提到的一些教程来访问它，但无法遵循它，因为它使用了节点中的请求库，该库现在已被弃用，所以我尝试在它的位置使用 axios 并在浏览器中不断收到状态代码 415 错误安慰。我正在尝试使用此 API 创建一个辅助项目以进行练习，因为我是初学者。我已经使用 NodeJS 和普通浏览器控制台完成了这项工作（我在这里使用了浏览器控制台的代码）并且我安装了 axios 和 express 库（使用节点时）。
const client_id = '**redacted**';
const client_secret = '**redacted**';
const res = axios.post('https://accounts.spotify.com/api/token', {
headers: {
'Authorization': 'Basic ' + btoa(`${client_id}` + ':' + `${client_secret}`),
},
form: {
grant_type: 'client_credentials'
}
});
console.log(res)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AXIOS DOC</title>
</head>
<body>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="script2.js"></script>
</body>
</html>
慕运维80795932回答
-
芜湖不芜
Spotify 的 API 要求您将 POST 请求的正文编码为application/x-www-form-urlencoded. 要使用 axios 执行此操作，您需要使用其他库或serialize()自己制作函数（我使用了此答案serialize(obj)中的函数）。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AXIOS DOC</title></head><body> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script> const client_id = '**redacted**'; const client_secret = '**redacted**'; const serialize = function(obj) { var str = []; for (var p in obj) { if (obj.hasOwnProperty(p)) { str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); } } return str.join("&"); } axios .post('https://accounts.spotify.com/api/token', serialize({ grant_type: 'client_credentials' }), { headers: { 'Authorization': 'Basic ' + btoa(client_id + ':' + client_secret), } }) .then(res => console.log(res.data.access_token)) .catch(err => { console.log(err); }); </script></body></html>另一种解决方案是简单地使用自动序列化数据的请求库。此外，请注意使用客户端凭据授权类型发出请求。通过这种方式，您可以公开您client_secret的应用程序并让其他人可以模拟您的应用程序。客户端凭据授予类型应仅在服务器端使用，您可以确保您client_secret不会被暴露。如果您想在客户端安全地对用户进行身份验证，请使用带有 PKCE（更好）或隐式授权类型的授权代码。 -
HUX布斯
我偶然发现了一个最近使用 axios 发出 POST 请求而不是请求库的代码片段。我刚刚尝试过，并且能够收到访问令牌！如果您有任何问题，请告诉我。这是链接。一定要安装 qs 包。代码看起来像这样：// Headers object.const headers = { headers: { Accept: 'application/json', 'Content-Type': 'application/x-www-form-urlencoded', }, auth: { username: client_id, password: client_secret, },};// Data object.const data = { grant_type: 'client_credentials',};// Make the request using the URL, query string, data, and headers.const res = axios.post('https://accounts.spotify.com/api/token', qs.stringify(data), headers);// Retrieve the access token from the response.const access_token = res.data.access_token;
随时随地看视频慕课网APP
相关分类
JavaScript