Я внедрил кусок кода, где я сначала генерирую токен, храню его в LocalStorage, а затем получаю оттуда в моей утилите Fetch для вызовов API. Однако независимо от того, сколько раз я обновляю страницу, она всегда генерирует новый токен доступа.export const msalInstance = new PublicClientApplication(msalConfig);
const accounts = msalInstance.getAllAccounts();
if (accounts.length > 0) {
msalInstance.setActiveAccount(accounts[0]);
}
msalInstance.addEventCallback((event: EventMessage) => {
if (event.eventType === EventType.LOGIN_SUCCESS && event.payload) {
const payload = event.payload as AuthenticationResult;
const account = payload.account;
msalInstance.setActiveAccount(account);
}
});
export const router = createBrowserRouter([
{
path: '/',
element: ,
children: [
{ path: '/', element: },
],
},
]);
< /code>
Это мой файл app.tsx < /p>
function App({ pca }: AppProps) {
const authRequest = {
...loginRequest,
};
return (
);
}
const OutletWrapper: React.FC = () => {
const { instance } = useMsal();
const account = useAccount(accounts[0] || {});
const [apiData, setApiData] = useState(null);
useEffect(() => {
if (account) {
instance
.acquireTokenSilent({
scopes: ['User.Read'],
account: account,
})
.then((response) => {
if (response) {
localStorage.setItem('authStatus', response.idToken);
setApiData(response);
}
});
}
}, [account, instance]);
if (!apiData) return ;
return (
);
};
export default App;
Подробнее здесь: https://stackoverflow.com/questions/796 ... cess-token
