AccessTokenError: The user does not have a valid access token

Help
1

Hi all

I’m trying to call my external api in my server side rendered page, with an access_token because access requires a certain scope.

const tokenCache = auth0.tokenCache(context.req, context.res);
const { accessToken } = await tokenCache.getAccessToken({
  scopes: ['read:messages']
});

todos = await axios.get("http://localhost:3010/api/private", {
  'Authorization' : `Bearer ${accessToken}`
})
  .then(response => todos = response.data)
  .catch(error => console.error(error));

I added audience in my initAuth file like here The user does not have a valid access token via getAccessToken · Issue #90 · auth0/nextjs-auth0 · GitHub
The value of my audience is the same as it is in the API settings.

But I get the error in the title of this post…

2

Hi @ibi

The access token could be invalid for many reasons. Start by verifying the access token with jwt.io, then take a look at the API code that validates the access token to see if you can determine what is failing.

John

3

const { accessToken } = await tokenCache.getAccessToken({
scopes: [‘read:messages’]
});

This line is failing. Before I can log a console statement, but afterwards it’s not possible because this throws the error. Do you know why maybe?

4

What are in context.req and context.res?

John

5

Hi John,

Thanks for the reply. I took another approach and downloaded a nextjs boilerplate.
Things work there with SSR, don’t know why it doesn’t here, so I don’t need the answer here anymore. Thanks anyways.

1 Like
6

Thanks for letting us know!

7

hi @ibi, I’m having the same issue. Which boilerplate did you use? And any chance you found the exact issue? I"m halfway through my project, moving to a new boilerplate will be a pain in the ass. Thanks in advance

1 Like