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", {
Add a comment
cyclops
By:
cyclops
edited by MattIPv4
Add a comment

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
bobbyiliev February 29, 2020

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

Reply Report
cyclops February 29, 2020

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!

Reply Report
  • bobbyiliev March 2, 2020

    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

    Reply Report
Submit an Answer

Related

Looking for something else?

Ask a new question Search for more help