NextJS generating access token which is not validated by API

Help
, ,
1

Ready to post? :mag: First, try searching for your answer.
Hi all,
I have spent almost a day and I cannot figure out the solution. I am working on a demo app as usual FE built on NextJS and Backend build on NestJS.
Problem is that, I am login to via Frontend App(NextJS) but when I send same JWT token to API to validate with Auth0 it doesn’t work.

To debug backend api I had call endpoint to generate access directly on my Auth0 API app that works.
I had also verify JWT.io it is look like frontend app generate token has problem in audience.
Can anyone tell me how to connect FE Auth0 App with API? Is there any configuration that require?

Side note: I am using as free version does anything related to that?

Thanks in advance.
Khan

3

Hi @khanshakeeb,

Firstly, the free version should not have any effect on how you generate your access tokens.

Based on what you have shared, it seems like the issue is happening because your login request did not include the audience parameter. This is justified by your comment that the audience has a problem.

I recommend following our Call Your API Using the Authorization Code Flow documentation. This will guide you on how to get an access token for your API.

Let me know if you continue having issues.

Thanks,
Rueben