js fetch fails with net::ERR_SSL_PROTOCOL_ERROR when accessing different ports

Question

If I load a page using localhost:85 and try to fetch() a resource from localhost:8083 it gives me a ERR_SSL_PROTOCOL_ERROR error.

I do not have SSL enabled on either side. Clearly this is all in a development environment, how do I work around it?

Answer 1

So far, the only reasonable solution I've had was to edit both of the sites to operate out of the same port, but just have Nginx redirect the location. In other words:

localhost:85 => localhost:85

localhost:85/site2 => localhost:8083