当我刷新页面 keycloak.authenticate get false 并再次询问凭据时,我现在已经成功地将 keycloak 与 reactJS 集成。 我也在互联网上搜索过,他们建议在 initOptions Prop 中传递 token 和刷新 token ,我已经这样做了,但仍然面临同样的问题。
我正在使用“@react-keycloak/web”:“^2.1.1”和“keycloak-js”:“^10.0.1”
那是我的 Keycloak.js 代码
import * as Keycloak from 'keycloak-js';
const keycloakConfig = {
url: 'https://smartgrid.doersops.com/auth/',
realm: 'OneSmartgrid',
clientId: 'smartgrid-react-web-admin',
}
const keycloak = new Keycloak(keycloakConfig);
export default keycloak
那是我的 App.js 代码
import React from 'react';
import { KeycloakProvider } from '@react-keycloak/web'
import keycloak from './keycloak';
import { AppRouter } from './routes';
function App() {
const token = localStorage.getItem('token');
const refreshToken = localStorage.getItem('refreshToken');
const setTokens = (token, idToken, refreshToken) => {
localStorage.setItem('token', token);
localStorage.setItem('refreshToken', refreshToken);
localStorage.setItem('idToken', idToken);
}
return (
<KeycloakProvider
keycloak={keycloak}
onTokens={
(tokens: keycloakTokens) =>
setTokens(tokens.token ?? '', tokens.idToken ?? '', tokens.refreshToken ?? '')
}
initOptions={{ onLoad: 'login-required', token, refreshToken }}
>
<AppRouter />
</KeycloakProvider>
)
}
export default App;
最佳答案
关于reactjs - 为什么 keycloak 在页面刷新时未经授权?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66795515/