404 when running a vuejs project in production

Help
1

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: ‘banify-app’,
// 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.

2

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 (Different History modes | Vue Router) and is completely independent of Auth0.