http fetch basic auth - use browser credentials

Question

I have my web page behind nginx proxy with basic auth set.

Web page uses ajax calls (using fetch) to get some data from same domain:

data = await fetch("/data");

When I access page, browser asks me to give user and password (std. browser feature), properly gets all resources (html, js, css), but then when my js uses fetch to get some data it gives me 401.

I was under impression that since fetch calls same domain, credentials I gave to the browser will be automatically used.

How to pass auth data I provided in browser to js fetch function?

Thanks!

Possible duplicate of [Using an authorization header with Fetch in React Native](https://stackoverflow.com/questions/30203044/using-an-authorization-header-with-fetch-in-react-native) — ben, Mar 13 '18 at 10:32

score 2 · Answer 1 · answered Mar 13 '18 at 10:46

2

ok found solution, add:

credentials: "same-origin"

to init object passed to fetch.

answered Mar 13 '18 at 10:46

pankleks

693
6
14

http fetch basic auth - use browser credentials

1 Answers1