Hello
We released a new webpage hosted on Netlify and proxying to our previous react application hosted on heroku. Everything seems to work fine but when a user using an iOS device navigates to a page 60-90% of the time it will flash the old site and fail to load the page fully and I get the console error
Failed to load resource: The network connection was lost.
And redirects the user to a “safari cannot open the page because the network connection was lost”
Chrome has the same thing happen but with the message “This site can’t be reached” and “website unexpectedly closed the connection”
The Header that failed looks like this
Proxying Charles looks like this:
|Status|Failed|
|---|---|
|Failure|EOF|
|Response Code|200|
|Protocol|HTTP/2.0|
|TLS|TLSv1.2 (TLS_ECDHE_RSA_WITH_AES_128_GCM_SHA256)|
|Protocol|TLSv1.2|
|Session Resumed|N/A (Connection kept alive)|
|Cipher Suite|TLS_ECDHE_RSA_WITH_AES_128_GCM_SHA256|
|ALPN|h2|
|Client Certificates|-|
|Server Certificates|4|
|Extensions||
|Method|GET|
|Kept Alive|Yes|
|Content-Type|text/html; charset=utf-8|
|Client Address|
|Remote Address|<redacted>
|Connection||
|WebSockets|-|
|Timing||
|Request Start Time|1/2/20 13:19:32|
|Request End Time|1/2/20 13:19:32|
|Response Start Time|1/2/20 13:19:33|
|Response End Time|1/2/20 13:19:33|
|Duration|783 ms|
|DNS|-|
|Connect|-|
|TLS Handshake|-|
|Request|1 ms|
|Response|57 ms|
|Latency|725 ms|
|Speed|220.33 KB/s|
|Request Speed|8.79 KB/s|
|Response Speed|2.96 MB/s|
|Size||
|Request|9 bytes|
|Response|172.51 KB (176,651 bytes)|
I will note that this does not happen with the Brave browser on iOS
I have been able to replicate this issue with iOS 12.3 and 13.2 and 13.3