How to use headers?

[hateCarrot]

Hi.

This error occurs when using headers.
bundle.js:9485 Warning: Failed prop type: Invalid prop headers of type string supplied to Request, expected object.

and I used headers as shown below.
headers='{"Authorization":"ApiKey api_key=blah blah"}'

What is the problem?
Thanks.

[mbasso]

Hi @hateCarrot,
have you tried the following?
headers={{"Authorization":"ApiKey api_key=blah blah"}}

[hateCarrot]

hi @mbasso
I changed it to the way you told me. Then the error message was changed.

"XMLHttpRequest cannot load http://konanlink-test.elasticbeanstalk.com/v1/device/list.json. Request header field Authorization is not allowed by Access-Control-Allow-Headers in preflight response."

The above address is normally returned when running as postman. So it does not seem to be a server problem. Do I have something more to do? Thank you for your reply.

[hateCarrot]

and Here is request code.

<Request
  url='http://konanlink-test.elasticbeanstalk.com/v1/device/list.json'
  method='post'
  type='application/x-www-form-urlencoded'
  accept='application/json'
  headers={{"Authorization":"ApiKey api_key=blah blah"}}
  verbose={true}
  send='{"offset":"0","limit":"100"}'
>
  {
    ({error, result, loading}) => {
      if (loading) {
        return <div>loading...</div>;
      } else {
        return <div>{ JSON.stringify(result) }</div>;
      }
    }
  }
</Request>

[mbasso]

Unfortunately it seems to be a server problem.
Postman works fine because is a chrome extension and has more privileges than regular web pages (check this for more information).
However, to make your site work, you have to enable CORS.
Here you can find a simple explanation of the problem is and here is an example of the headers that you have to add to the reponse.

[hateCarrot]

Thanks a lot @mbasso
I'll try to solve the problem as you told me.
Merry Christmas and Happy new year :)

[mbasso]

Thanks, you too :) 🎄 🎅
Did you solve the problem with CORS?

[mbasso]

@hateCarrot Can I close this issue?

[hateCarrot]

I'm sorry I was late. Thank you for your great help. Close this issue.
Merry Christmas & Happy new year :)