Auth0 Home Blog Docs

404 when running a vuejs project in production

When I run my project on localhost, everything works fine.
However, when I build my project for production, I get a 404 on my callback URL.
let webAuth = new auth0.WebAuth({
domain: ‘banify.eu.auth0.com’,
clientID: ‘l5mhLr2n433PMgXI50rZTFr3R5y0XOIs’,
redirectUri: ‘https://app.banify.nl/callback’,
// we will use the api/v2/ to access the user information as payload
audience: ‘https://’ + ‘banify.eu.auth0.com’ + ‘/api/v2/’,
responseType: ‘token id_token’,
scope: ‘openid profile’ // define the scopes you want to use
})

Can someone please help me with this issue?
The callback url in localhost mode is localhost:8080/callback
However, this callback url in production does not work.

You seem to be using HTML5 history mode and the most likely situation is that your development server automatically handles adding a catch-all route that for every path it responds with the client application code.

However, when you deploy, the server to which you deploy likely lacks that catch-all route; this is explained at (https://router.vuejs.org/guide/essentials/history-mode.html) and is completely independent of Auth0.