Ошибка при использовании реакции-адала при входе в систему - PullRequest
1 голос
/ 17 июня 2019

Я использую библиотеку реагировать на аутентификацию пользователя во внешнем интерфейсе.Я хочу, чтобы пользователь зашел на домашнюю страницу, нажмите на кнопку входа и перейдите к маршруту / пользователю.Теперь, как только пользователь нажимает кнопку входа в систему и переходит к / 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домашний экран

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...