How to make a React App windows Authentication

Question

Web API has been created in .Net with Windows Authentication. When am invoking the API in React APP getting 401 Unauthorized. Web API Works fine in the browser with windows authentication.

axios.get('http://.../.../user/Data')
    .then(function (response) {
      console.log(response);
    })
    .catch(function (error) {
      console.log(error);
    });```

Should be similar to stackoverflow.com/questions/1002179/… — TrueWill
– TrueWill, Commented Apr 19, 2019 at 16:11
That post is related to Jquery -> if the front-end application is windows authenticated, it will work directly. Can u help me to make the React app windows authenticated. — Mathan
– Mathan, Commented Apr 19, 2019 at 16:16
When you say it works fine in the browser you mean it prompts you for your credentials? — go_diego
– go_diego, Commented Apr 19, 2019 at 16:18
No it wont, Web API project has been developed in .Net and hosted with 'Windows Authentication', so API will be directly able to access my Windows Login UserName. — Mathan
– Mathan, Commented Apr 19, 2019 at 16:26
@Mathan jQuery's $.ajax is essentially the same as axios - both make AJAX calls. React runs in the browser; the issue is when you make an AJAX call to the server. You could replicate this with just axios (no React). — TrueWill
– TrueWill, Commented Apr 19, 2019 at 16:27

go_diego · Accepted Answer · 2019-04-19 16:34:42Z

4

With fetch I set the credentials: include option. Also, I think the Access-Control-Allow-Credentials header needed to be set on the back-end.

I'm a front-end developer so I'm not sure what all went into configuring the back-end for Windows Authentication.

answered Apr 19, 2019 at 16:34

go_diego

3932 silver badges7 bronze badges

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

3 Comments

Mathan Over a year ago

In the Back-end Project, authentication is set to Windows. Kindly help me to get it work in Front-end.

go_diego Over a year ago

What I'm saying is try using withCredentials: true, with Axios since credentials: include worked for me using fetch. But, if I remember correctly, it only worked for me if the Access-Control-Allow-Credential response header was set.

go_diego Over a year ago

Did you need to set the header? Also, please accept the answer so others can find it more easily.

Collectives™ on Stack Overflow

How to make a React App windows Authentication

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related