Question

Why can I call api port from React app using ip address, but not when I use “localhost”

Posted February 28, 2020 482 views
React

I can call curl -s localhost:3030 from command line and get a good reply. But when I call using axios or fetch within my React app, I get net::ERR_CONNECTION_REFUSED.

For example, this works:

axios.post("http://159.89.183.155:3030/authentication", {

This does not work (net::ERR_CONNECTION_REFUSED):

axios.post("http://localhost:3030/authentication", {
edited by MattIPv4

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

×
2 answers

Hi there @cyclops,

What I could suggest is checking what port your application has is binded to first. To do that SSH to your Droplet and then run:

  • netstat -plant | grep 3000

Also another thing you could check is if your localhost resolves correctly to the 127.0.0.1 IP address:

  • ping localhost

Another thing that you need to keep in mind is that you need to run the axios script from the Droplet itself in order for it to work.

Feel free to share the output of the commands here so I could try to further advise you.

Hope that this helps!
Regards,
Bobby

Ah!
localhost resolved to 127.0.0.1

netstat showed 3000 binding to 0 0.0.0.0:3000 Not sure why, but it gives me an avenue to explore

Much appreciated!

  • Hi there @cyclops,

    No problem at all! Another thing that you could try is to SSH to your Droplet and run:

    telnet localhost 3000
    

    And see if you are getting a successful connection.

    Regards,
    Bobby

Submit an Answer