Integration Issue with Laravel and VueJS: "The JWT string must contain two dots" Error in Auth0 Callback

[rueben.tiow]

Hi @rubenlifesaver,

Welcome to the Auth0 Community!

@rubenlifesaver

1. Audience and Token Configuration: Are there any additional steps required in Auth0 or Laravel to ensure that a valid JWT with all expected segments is returned?

It seems that the audience query parameter might not have been included in the login request even though you specified it in the .env file. Could you please check your network settings to ensure that the login request includes the audience query parameter?

It should look something like the following:

https://devtest321.us.auth0.com/authorize?
    response_type=code&
    code_challenge={codeChallenge}&
    code_challenge_method=S256&
    client_id=in1QbY7JPM4aXOBacTQJKcBl6K51eLUp&
    redirect_uri={yourCallbackUrl}&
    scope=SCOPE&
    audience={apiAudience}&
    state={state}

(Reference: Call Your API Using the Authorization Code Flow with PKCE)

@rubenlifesaver

2. Default Audience Settings: I couldn’t find a way to set a default audience in Auth0’s API Authorization settings. Could this be contributing to the issue? If so, how can I work around it?

You should be able to set the Default Audience for your tenant by going to your tenant settings, including the audience identifier as the default audience, and saving your changes.

Please refer to our Tenant Settings documentation.

@rubenlifesaver

3. Callback Response Structure: Is there a way to ensure that the callback response includes an ID token, or would I need to configure additional settings in Auth0 to ensure this?

To get the ID token, you can specify the openid scope in the login request. Then, after exchanging the authorization code for the tokens, you should get both the access and ID tokens. I have ensured that your API settings on Auth0 are correctly configured, and there are no extra steps you need to take here.

Thanks,
Rueben