How to fetch API with POST method and Authorization Bearer token in javascript?

Question

var get = localStorage.getItem("token"); var token = JSON.parse(get);

  function myfun(){
    fetch(url,{
      method: 'POST',
      headers:{
        "Authorization":`Bearer + ${token}`
      },
      body:JSON.stringify({
        city: account_city.value,
        district: account_dis.value,
        state: account_state.value,
      })
    })
    .then((res)=> res.json())
    .then(data=> console.log(data));
  }

I try this code. Please help!!!!

the code looks right, what's the problem? Only problem I see is, token are suppose to be string, why do you need JSON.parse? You should do a console.log(token) to see what is the in your "token". — Someone Special
– Someone Special, Commented Nov 29, 2020 at 12:54
please provide an error message or clarify both required and actual behavior — amankkg
– amankkg, Commented Nov 29, 2020 at 12:56
Show where myfun() is being called too. Apart from not knowing where the account variables are coming from, it looks correct. Do you know how to await for the promise to resolve? — Steve
– Steve, Commented Nov 29, 2020 at 12:57
500 (Internal Server Error) that's a problem with (your?) server code — Bravo
– Bravo, Commented Nov 30, 2020 at 3:19

devendra tata · Accepted Answer · 2020-11-29 13:07:19Z

3

Try this, your code looks good, the only issue I am seeing is string Interpolation. What is the issue you are facing

{
        method: "POST",
        url: url,
        data: data,
        headers: { Authorization: `Bearer ${token}` },
      }

answered Nov 29, 2020 at 13:07

devendra tata

1512 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Shiyal Khushal Over a year ago

ok, I try this but it's still not working. I can't post in my API

Sayydika · Accepted Answer · 2020-11-29 13:02:50Z

1

If you use string interpolation from ES6, you don't need to add + operator to make a concatenation.

So try either : "Authorization": `Bearer ${token}` or "Authorization": "Bearer " + token

answered Nov 29, 2020 at 13:02

Sayydika

1783 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to fetch API with POST method and Authorization Bearer token in javascript?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related