I am trying to connect to a gradio backend which uses authentication (auth argument with login and password is set in the launch method of my gradio interface).

It works fine when I use my browser to login but I'm now trying to login through another page using javascript and I don't know how to proceed. The documentation about sharing your app explains how to activate this option but there is no explanation on how it works.

By looking at the network tab on Chrome, I was able to infer that you need to post formdata with username and password to the /login endpoint but if I do programmatically that I receive an html response.

Here is my javascript code right now:

const formData = new FormData();                                                                                    
formData.append("username", "admin");                                                                               
formData.append("password", "1234");

const login_response = await fetch("http://127.0.0.1:7860/login/", {
  method: "POST",
  body: formData,
});                      
                      
console.log(login_response);                                                               
                    
for (var pair of login_response.headers.entries()) { 
  console.log(pair[0]+ ': '+ pair[1]);                                                                        
}
// Only headers received are content-length and content-type (text/html)

const login_response_text = await login_response.text();
console.log(login_response_text);
// response here is an html page without any token or session hash

EDIT

By looking at the /login/ path in gradio/routes.py we have:

response = RedirectResponse(url="/", status_code=status.HTTP_302_FOUND)                                 
response.set_cookie(key="access-token", value=token, httponly=True)                                     

So accessing /login redirects to / and will set a http cookie with key access-token containing the login token.
But we can see that the httponly=True is there, which will tell the browser not to provide the cookie when using fetch, in order to follow the CORS policy.

So the question is now, is it possible to login to gradio through another origin when we use the auth parameter?