Fetch: Failed to load resource: the server responded with a status of 403 (Forbidden)

Question

I built an API that the users are authenticated with a token

class BaseViewSet(ModelViewSet):

    authentication_class = (TokenAuthentication,) 
    permission_classes   = [IsAuthenticated,]

and I have been trying to request the data with this fetch

const get_players = async() =>{
    const response = await fetch(url,{
        credentials: 'include',
        headers:{                
            Authorization: `token ${token}`
        }
})
const data = await response.json()}

But I get this error in console:
GET https: * the url * (Forbidden)
get_players
(anonymous)

Any idea what the problem is?

Answer 1

It seems like it should work as written. But obviously it doesn't think you're authorized. So either the token is wrong, or the pay you are passing it in is wrong.

Do you have any docs for the header format.

I've seen token ${token} and Bearer ${token}