Dynamics Community Forum Thread Details

React Application with Active Directory plugin CORS issue

Hi all,

I am trying to make a Reactjs application which uses Active Directory plugin (ADAL) to perform the OAuth2 authentication back in Dynamics 365.

This seems to be working well, but I get CORS error when trying to fetch Dynamics CRM data.

According to Microsoft documentation, ADAL plugin takes care of CORS stuff on fetch requests but still I am getting errors related to CORS.

This is my adalConfig.js code:

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

export const adalConfig = {
    tenant: '<tenant id from AD>',
    clientId: '<Application id>',
    endpoints: {
        api: '<Application id>'
    },
    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);

And this is my fetch request:

let result;
        const options = {
            method: 'GET'
        };

        adalApiFetch(fetch, 'https://<myorganization>.crm2.dynamics.com/api/data/v9.1/leads', options)
        .then(response =>{
            console.log(response);
        })
        .catch(error => console.error('SERVER ERROR:', error));

Any ideas of what's wrong?

Quick Links

Leaderboard > Microsoft Dynamics CRM (Archived)