Fetch API cannot load https://dc.services.visualstudio.com/v2/track. Request header field content-encoding is not allowed by Access-Control-Allow-Headers in preflight response.

I am trying to integrate npm’s application insights module (https://www.npmjs.com/package/applicationinsights) into my React js application.

My source for doing this is:

import appInsights from 'applicationinsights';
appInsights.setup(applicationInsightsKey).start();

The problem I got is that in my Chrome Developer tools I can see a preflight request made to https://dc.services.visualstudio.com/v2/track. But in the console I can see the following error:

"Fetch API cannot load https://dc.services.visualstudio.com/v2/track. Request header field content-encoding is not allowed by Access-Control-Allow-Headers in preflight response."

Do you have an idea how can I fix this issue?

[anatoli-iliev]

I can see a call to https://dc.services.visualstudio.com/v2/track with HTTP verb OPTIONS which has a response HTTP 200 - OK.

[anatoli-iliev]

@SergeyKanzhelev I switched to https://github.com/Microsoft/ApplicationInsights-JS and it works good for me.