Electron + Vue + msal-nodejs + Azure Ad: redirect URL issue

The solution I've found it's pretty simple. Probably it's not the most "elegant", but it works, at least for prod. In dev I've still got the same weird problem described above.

Basically I'm starting a node server (localhost:3031 for example), within the app itself, then I'm catching the redirect url with it (localhost:3031/redirect) and serving the internal url from it:

expressApp.get('/redirect', async (req, res) => {
  await win.loadURL('app://./index.html#about')
})

As I said, it works and I don't see any security issue with that, but, if you have any other idea or suggestion, please let me know.

Thank you

UPDATE

I've found the issue with Dev as well. In order to authenticate I'm using what Microsoft is suggesting in its documentation.

If you look at the file AuthProvider.js there is this portion of code, at the beginning:

const CUSTOM_FILE_PROTOCOL_NAME = process.env.REDIRECT_URI.split(':')[0];

Down below, in the method "getTokenIteractive" there is this other piece of code that applies the new protocol:

protocol.registerFileProtocol(CUSTOM_FILE_PROTOCOL_NAME, (req, callback) => {
    const requestUrl = new URL(req.url)
    callback(path.normalize(`${__dirname}/${requestUrl.path}`))
  })

In Dev my REDIRECT_URI is "http://localhost:3031/redirect", but the app protocol must be "app" (or whatever you have chosen) in order to work with Vue. So, I've just wrapped this last method in a condition based on the environment and now everything works as expected everywhere.

I hope all this can be useful to someone.