question

Post your "request token" function? You seem to be requesting a token against the old endpoint, use https://login.microsoftonline.com/ instead, or better yet the MSAL methods directly.

const msalConfig = {
auth: {
clientId: process.env.VUE_APP_clientId,
authority: process.env.VUE_APP_tenant,
redirectUri: process.env.VUE_APP_redirectUri,
},
cache: {
cacheLocation: 'sessionStorage',
storeAuthStateInCookie: false
}
}

const msalInstance = new PublicClientApplication(msalConfig);

const updateStore = (commit, response) => {
const userDetails = {
token: response.accessToken,
name: response.account.name,
email: response.account.userName
};
commit('setUser', userDetails);
localStorage.setItem('user', JSON.stringify(userDetails));
}

const loginRequest = {
scopes: process.env.VUE_APP_scopes.split(',')
};

const actions = {
async login({ commit }) {
try {
const tokenResponse = await msalInstance.loginPopup(loginRequest);
updateStore(commit, tokenResponse);
} catch (error) {
console.log(error);
}
},
logout({ commit }) {
sessionStorage.clear();
localStorage.removeItem('user');
commit('logout');
router.push({ name: 'login' });
},
async acquireTokenSilent({ commit, dispatch }) {
try {
const silentRequest = {
scopes: process.env.VUE_APP_scopes.split(','),
account: msalInstance.getAllAccounts()[0]
}
const tokenResponse = await msalInstance.acquireTokenSilent(silentRequest);
updateStore(commit, tokenResponse);
} catch (error) {
if (error.name === 'InteractionRequiredAuthError') {
dispatch('login');
} else {
console.log(error);
}
}
}
}