Simulator fetching to localhost services throw the error [TypeError: Network request failed]

[ivandata]

Hello everyone!
First, thank you for this boilerplate. It is amazing!

I'm using ignite with expo, and I'm stuck with local API settings. I want to make requests from simulator to my local services using apisauce (but tried also pure fetch). My backend services and APIs running in docker on local host with certificates. I'm using Caddy server to redirects calls from localhost to docker images.

Curl, postman e.t.c. works fine. Web version also successfully receive responses, while IOS simulator throws error [TypeError: Network request failed].

Looks like a simulator should be configured somehow to make requests to a local server, but I can't find information about that.
My compose file

  caddy:
    image: caddy:latest
    ports:
      - "80:80"
      - "443:443"
      - "443:443/udp"
    volumes:
      - ./Caddyfile:/etc/caddy/Caddyfile
      - ./site:/srv
      - ./localhost.crt:/etc/caddy/localhost.crt
      - ./localhost.key:/etc/caddy/localhost.key
      - caddy_data:/data
      - caddy_config:/config
    networks:
      - core-network
    depends_on:
      - core
      - analyzer
    restart: unless-stopped

Caddyfile

local.chemiapp.com {
    tls /etc/caddy/localhost.crt /etc/caddy/localhost.key

	header {
		Access-Control-Allow-Origin *
		Access-Control-Allow-Credentials true
		Access-Control-Allow-Methods
		Access-Control-Allow-Headers Content-Type, Authorization
		defer
	}

	handle_path /v2/* {
		reverse_proxy core:1027 {
			header_down -Access-Control-Allow-Origin
		}
	}

	handle_path /v1/* {
		reverse_proxy analyzer:1024
	}
}

my host file

##
127.0.0.1       localhost
127.0.0.1 local.chemiapp.com

Surely someone has faced the same problem and knows a solution. I would very appreciate for any help!

[jamonholmgren]

Hm, I've never had a problem hitting local servers. Can you spin up a local non-proxied server and try to hit that?

echo "Hello!" > ./index.html
php -S localhost:8989

Then try to hit http://localhost:8989 with your fetch or apisauce.

[jamonholmgren]

Note this is for macOS. Another one if you have python:

python3 -m http.server

[ivandata]

Hey @jamonholmgren thank you for a quick response.
TBH, your advice really helped me move forward in my config. Indeed, If I run single server with http it works. But here is a thing.
If I try to use secure connection for local server, like https://localhost:port/ or https://local.chemiapp.com it's throw the error. using named localhost without https lead to connection problems, thats why I'm trying to use https in this case

Also, then I'm trying to use real mobile, I see this screen. I'm using npx expo start --tunnel command.

I know this is not directly related to the ignite, but probably you work a lot with Expo maybe you can help.

[jamonholmgren]

@ivandata Sorry, I totally missed your reply! Did you get it figured out?

[ivandata]

@jamonholmgren thank you for come back to me.
No, I still have the issue with a real device. But since we original question was answered, I decided to close this discussion. If you know how to solve the real device connection problem, please let me know.