Are there any alternatives to overriding the 'host' header programatically – Nginx

I have two services I’m running locally on docker images. One of them is an nginx server with configuration to proxy requests to various other services, and the other is a simple React GraphiQL UI.

The nginx server is not explicitly set up to run on localhost, but when making requests with curl/postman I can explicitly set the host header to be that of the actual url (rather than localhost) and it will then find the correct config and the request will succeed.

The issue is that I would like to call the server from a local instance of my UI, but it’s failing because I can’t overwrite the host header. I’ve tried to manually add it to my react fetch request but when I check the request in the browser the header isn’t there. After some searching I then found some slack posts saying it’s not possible, although no references to why.

return fetch(
        edgeUrl(environment) + "/some/endpoint",
        {
            method: "POST",
            headers: {
                'Authorization': 'Bearer ' + getApiKey(partner, environment),
                'host': 'actual.host.com',
                'origin': 'http://localhost/'
            },
            body: JSON.stringify({ query })
        }
    )

Is there any other way to override the host used in requests? Possibly another http library I could use? I’d prefer not to have to configure the nginx server for localhost as it is owned by another team.