Я использую библиотеку реагировать на аутентификацию пользователя во внешнем интерфейсе.Я хочу, чтобы пользователь зашел на домашнюю страницу, нажмите на кнопку входа и перейдите к маршруту / пользователю.Теперь, как только пользователь нажимает кнопку входа в систему и переходит к / user, меня просят предоставить учетные данные для входа в систему, что в порядке, после ввода подробностей, когда я достигаю маршрута / пользователя, он ничего не показывает и в консоли выдает объект, который являетсясообщение: "AADSTS500011: имя участника ресурса с именем значения не найдено в клиенте с именем 72f988bf-86f1-41af-91ab-2d7cd011db47. Это может произойти, если приложение не было установлено администратором клиента или не было разрешено каким-либо пользователем варендатор. Возможно, вы отправили запрос на аутентификацию не тому арендатору. ↵Trace ID: c6f40d40-3bc5-4d56-8257-d5f9492a2d00 ↵Корреляционный идентификатор: 8109d7cc-a5c7-44f2-94ef-1a20741c4a4b ↵Timestamp: 201-06-06: 01: 40Z "msg:" invalid_resource "
Я использую windows 1- и у меня подписка на azure.
App.js
import React from 'react';
import {
BrowserRouter as Router,
Route,
Switch
} from 'react-router-dom';
import User from './User';
import Home from './Home';
import { withAdalLoginApi } from './config/adalConfig';
function App() {
const ProtectedAppArea = withAdalLoginApi(User, null, null);
return (
<Router>
<div className="App">
<Switch>
<Route exact path="/" component={Home} />
<Route path="/user" component={withAdalLoginApi(User)} />
/>
</Switch>
</div>
</Router>
);
}
export default App;
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { runWithAdal } from 'react-adal';
import { authContext } from './config/adalConfig';
import App from './App';
runWithAdal(authContext, () => {
ReactDOM.render(<App />, document.getElementById('root'));
}, true);
adalConfig.js
import { AuthenticationContext, adalFetch, withAdalLogin } from 'react-adal';
export const adalConfig = {
tenant: 'MytenantId',
clientId: 'Mycliend id',
endpoints: {
api: 'values',
},
cacheLocation: 'localStorage',
};
export const authContext = new AuthenticationContext(adalConfig);
export const adalApiFetch = (url, options) =>
adalFetch(authContext, adalConfig.endpoints.api, fetch, url, options);
export const withAdalLoginApi = withAdalLogin(authContext, adalConfig.endpoints.api);
user.js
import React, { Component } from 'react';
class User extends Component {
render() {
return (
<div>
Hello User
</div>
);
}
}
export default User;
Ожидается, что пользователь должен войти в систему, и на выходе должен быть пользователь Hello на tдомашний экран