Esta es probablemente una pregunta tonta: solo comencé a aprender código en septiembre y este es mi primer proyecto en solitario en React (o en absoluto).
Golpeé una pared en mi primera compilación al intentar realizar una solicitud POST a la API de Spotify para recuperar un token de acceso:
https://developer.spotify.com/documentation/general/guides/authorization/client-credentials/
Sigo recibiendo el error 415 con esta solicitud y estoy usando el 'Content-Type': 'application/x-www-form-urlencoded' como lo recomendaron en los documentos de la API de Spotify.
¡Cualquier ayuda sería muy apreciado!
export const SpotifyAPI = () => { const buffer = new Buffer.from(`${client_id}:${client_secret}`); axios.post( 'https://accounts.spotify.com/api/token', { form: { grant_type: 'client_credentials' }, headers: { Authorization: 'Basic' + buffer.toString('base64'), 'Content-Type': 'application/x-www-form-urlencoded', }, }).then(response => console.log(response));Axios no tiene una opción de form . El cuerpo de la solicitud va en el parámetro de data . Y debe convertir los datos en una cadena si desea datos codificados en URL, no puede simplemente pasar un objeto.
Hay un CÓMO para esto en la documentación de axios .
este es mi primer proyecto en solitario en React
React generalmente se ejecuta del lado del cliente en el navegador. La documentación a la que se vincula dice:
El flujo de credenciales de cliente se utiliza en la autenticación de servidor a servidor.
No está diseñado para el usuario en el navegador y al intentar hacerlo es probable que se produzcan errores de CORS y se filtre el secreto de su cliente a cada visitante de su sitio web.