How to fetch data from an Authenticated API in React using Axios? [closed]

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

Want to improve this question? Guide the asker to update the question so it focuses on a single, specific problem. Narrowing the question will help others answer the question concisely. You may edit the question if you feel you can improve it yourself. If edited, the question will be reviewed and might be reopened.

Closed last year.

Improve this question

I have an authenticated API from that i want to fetch the data. I am doing this in REACT using Axios.. How to do this?

Most commonly this is done through the Authorization header — Alexander Derck
– Alexander Derck, Commented Sep 27, 2018 at 9:52
Could you please explain clearly i am new bie so..or else can you share the where i can get the clear idea of this?? — Ramya MiiM
– Ramya MiiM, Commented Sep 27, 2018 at 9:53

Hemadri Dasari · Accepted Answer · 2018-09-27 09:59:04Z

1

Something like below

const AuthString = 'Bearer '.concat(USER_TOKEN); 
axios.get(URL, { headers: { Authorization: AuthString } })
 .then(response => {
     console.log(response.data);
  })
 .catch((error) => {
     console.log('error ' + error);
  });

answered Sep 27, 2018 at 9:59

Hemadri Dasari

34.2k41 gold badges125 silver badges166 bronze badges

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

2 Comments

Ramya MiiM Over a year ago

I found the Bearer ans User Token in Post man..What those things are actually?

Hemadri Dasari Over a year ago

Check this stackoverflow.com/questions/25838183/…

Tayyab Abdul Rauf · Accepted Answer · 2022-03-14 11:58:34Z

0

1- You can create something like this if you already have access token.

const authAxios = axios.create({
baseURL: "yourURL",
headers: {
  Authorization: `Bearer ${accessToken}`,
},

});

2- After creating the axios, you can use the created axios when hitting the API:

  authAxios.get("URL").then((res) => {
    return res.data;

answered Mar 14, 2022 at 11:58

Tayyab Abdul Rauf

1

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

How to fetch data from an Authenticated API in React using Axios? [closed]

2 Answers 2

2 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Linked

Related