Auth0 Redirect Mismatch URL

[karam94]

Trying to use Auth0 for Twitch authentication

Using this VueJS boilerplate:

auth0-samples/auth0-vue-samples

(pull and npm start it)

I have my callback URL set in my code as:
‘http://localhost:3000/callback’

And my app in Twitch callback URL is set as:
‘http://localhost:3000/callback’

Literally the same.
I have my Auth0 API configured using the Custom Social Connections extension using the correct Twitch App ID.

Basically, I can get to the part of the journey where my callback URL is passed from Auth0 to Twitch and that is the point where I’m greeted with a redirect_mismatch error:
http://localhost:3000/callback?error=redirect_mismatch&error_description=Parameter%20redirect_uri%20does%20not%20match%20registered%20URI&state=96plLRmhXPV93QwGt7UNX0o783WsgUkI

For this reason, I feel like this is a Twitch issue and I’m asking here as to why I could be getting a redirect mismatch error even though my URLs are identical. It’s confusing as well given that after logging in, twitch is actually redirecting back to… you guessed it, the correct redirect url?

Is there any way I can debug this and see why Twitch keep insisting they have the wrong redirect URL?

[3ventic]

The redirect URL is visible in the authorization page URL (id.twitch.tv...something...redirect_uri=...), does it match the expectation there?

[karam94]

Unfortunately, it does.

[BarryCarlyon]

I predict that the UI/App Dashboard has a / on the end (of the callback). And you are sending what you think you set it to (no / on the end) but it’s set to a / on the end

As URLS should end in a / or a File name (if I recall the RFC correctly).