Ошибка 401 Несанкционированный при получении данных с Active Directory - PullRequest
Новая
       22

Ошибка 401 Несанкционированный при получении данных с Active Directory

0 голосов
/ 06 февраля 2019

Я пытаюсь интегрировать плагин Active Directory ADAL в мое приложение Reactjs, но я получаю ошибку 401 (Unauthorized) при получении результатов.

Я выполнял Пакет React ADAL , пока не нашел ТАК вопрос , который мне очень помог, но все же я получаю ошибку CORS при получении данных Dynamics CRM.

Когда я нажимаю на защищенный маршрут, я перенаправляюсь на https://login.microsoftonline.com/<someid>/oauth2/authorize?response_type=id_token&client_id=... изатем я перенаправлен обратно на страницу.

Это часть моего MyComponent компонента: 

import React, { Component } from 'react';
import { adalApiFetch } from '../../../adalConfig';

class MyComponent extends Component {
    constructor(props) {
        super(props);

        this.state = { APIResponse: '' };
        this.getLeads = this.getLeads.bind(this);
    }

    componentDidMount() {
        this.getLeads();
    }

    getLeads() {
        let result;

        adalApiFetch(fetch, 'https://myorg.api.crm.dynamics/api/', options)
        .then(response => response.json())
        .then(data => {
            this.setState(Object.assign(this.state, { APIResponse: data }));
            console.log(data); 
        }).catch(error => console.error('SERVER ERROR:', error));

    }

    render() {
        return (
            <div>
                <h2>My Component</h2>
            </div>
        );
    }
}

export default MyComponent;

Я получаю эту ошибку 401 (Unauthorized) на DevTools:

Ошибка сервера:

ОШИБКА СЕРВЕРА: Ошибка синтаксиса: Неожиданный конец ввода JSON

Редактировать 1:

Это мой adalConfig.js код: 

import { AuthenticationContext, adalFetch, withAdalLogin } from 'react-adal';

export const adalConfig = {
    tenant: 'tenantid',
    clientId: 'apiid',
    endpoints: {
        api: 'apiid'
    },
    cacheLocation: 'localStorage',
};

export const authContext = new AuthenticationContext(adalConfig);

export const adalApiFetch = (fetch, url, options) => adalFetch(authContext, adalConfig.endpoints.api, fetch, url, options);

export const withAdalLoginApi = withAdalLogin(authContext, adalConfig.endpoints.api);

Есть идеи, что здесь не так?Заранее спасибо.

...