Redirection issue

Help
,
1

Hello,

I’m currently in the process of integrating Auth0 into our product, which utilizes Laravel and Vue.js. However, I’ve encountered an issue following the login attempt, where the page displays an error indicating a mismatch in the redirect URI. Despite my careful configuration, this problem persists.

I’ve successfully integrated Auth0 with a Vue.js and Node.js project in the past, where everything worked smoothly. Unfortunately, I’m uncertain about what might be causing the current issue.

Here’s the code snippet I’m using:
app.use(
createAuth0({
domain: “MYDOMAIN”,
clientId: “4o8o8c8I9XgIs81*********”,
authorizationParams: {
redirect_uri: “http://localhost:8000/login”,
audience: “AUDIENCE”,
}
})
);

https://mydomain.us.auth0.com/authorize?state=58ff9f6cf0822a4788d3c2a124c9d712&client_id=4o8o8c8I9XgIs81VxEyebXi*****&audience=https%3A%2F%2Fapi.example.com&redirect_uri=http%3A%2F%2Flocalhost%2Fcallback&scope=openid%20profile%20email&response_mode=query&response_type=code&nonce=db1b27ae87002f183f7c4df9e969f0ae&code_challenge=oSnxyWOAMCaAQHD6p87euzI86b0xc-WUaFnxKyQATxI&code_challenge_method=S256

Additionally, I’ve noticed that the callback URL in the provided link doesn’t align with my configuration.