0

I am trying to test the tone analyzer of IBM watson with javascript code( fetch api)

here's my code:

async post(url,key,textData) {

const response1 = await fetch(`https://gateway.watsonplatform.net/tone-analyzer/api/v3/tone?version=2017-09-21&statements=false`,{
    method: 'POST',
    headers: 
    {
        'Content-type': 'application/json',
        'apikey':'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'
    },
    body: JSON.stringify(textData)
});

const responseData = await response1.json();
return responseData;
console.log(responseData);
}

Now, this particular code throws error:

Failed to load https://gateway.watsonplatform.net/tone-analyzer/api/v3/tone?version=2017-09-21&statements=false: Request header field apikey is not allowed by Access-Control-Allow-Headers in preflight response.

I checked this using the postman tool and it works fine.

I have faced a similar issue with https://openweathermap.org/api when using XMLHttpRequest and it did not occur again while using fetch.

Can I get some pointers on 1) What can be the difference here with the postman and a simple javascript code? 2) How to overcome these errors in future?

Kalakbandi Kashyap
  • 11
  • This is not a duplicate as it is not about No 'Access-Control-Allow-Origin' header, but specifically about the response header not containing the specifically requested key. – Trevor de Koekkoek Sep 16 '19 at 03:18

1 Answers1

0

This is a classic CORS restriction. Postman works as it is not classed as a browser but as an application with a REST Client.

chughts
  • 3,476
  • 2
  • 11
  • 23