Problem with React/authorization

BMak1 — Sat, 28 Oct 2023 11:51:34 GMT

Hi guys, im new to programming, but i really started to enjoy it.

I want to make a web app that after pressing a button, creates playlist with last 10 songs you listened to.

I ALMOST got it working, however I found one big obstacle.

const create_playlist = async (e) => {

e.preventDefault()

const reqOptions =

{

method: "POST",

headers: {

"Authorization": "Bearer " + token,

body: JSON.stringify({

name: "SpotEx",

})

}

const response = await fetch(`https://api.spotify.com/v1/users/HERE_IS_MY_PROFILE_ID/playlists`, reqOptions)

const data = await response.json()

I can use code like that, it creattes playlist and works. However if any other account would login, thus different Profile ID, it will stop working.

const response = await fetch(`https://api.spotify.com/v1/users/${user}/playlists`, reqOptions)

Provides me with CORS errors that I cannot resolve

Access to XMLHttpRequest at 'https://api.spotify.com/v1/users/[object%20Object]/playlists' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

Re: Problem with React/authorization

Ximzend — Sat, 28 Oct 2023 13:27:42 GMT

You'll need to add other accounts (up to 25) to the dashboard of your app when it is in development mode. After it is ready to publish to the public, you can request a quota extension.

Re: Problem with React/authorization

krantikc — Thu, 30 May 2024 18:25:19 GMT

I am also facing the same issue. Were you able to resolve this issue?

topic Re: Problem with React/authorization in Spotify for Developers

Problem with React/authorization

Re: Problem with React/authorization

Re: Problem with React/authorization