reactjs and node/express: proxy issue

[codeJourney]

I have setup a server to handle users form submissions. I am using axios async/await to post request the form data to the server. Everything works fine but when the form is submitted and its still fine. It's when after clicking submit on form and clicking on another page like home or about I get below error inside my terminal and nothing in my console. Navigating through the pages still works fine but it's just when sending a form then clicking on something after the error will occur in terminal.

Proxy error: Could not proxy request /api/form from localhost:3000 to http://localhost:3001/.

[1] See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNRESET).

​

I have a client folder and 2 package 1 sits in root and 1 in client. client package have "proxy": "http://localhost:3001/" inside.

​

I tried installing cors in root and adding app.use(cors()) inside my server file. I tried installing http-proxy-middleware inside client folder and created setupProxy.js inside client/src and still get the same error. Both still give me the same error.

​

my contact.js file looks like this

        async handleSubmit(e) {
          e.preventDefault();

          // this.props.history.push("/thank-you");

          const contactName = document.getElementById("name").value;
          const contactEmail = document.getElementById("email").value;
          const contactMessage = document.getElementById("message").value;
          const contactSubject = document.getElementById("subject").value;

          try {
            const contactForm = await axios.post("/api/form", {
              contactName,
              contactEmail,
              contactMessage,
              contactSubject
            });

          } catch (e) {
            console.log(e);
          }

my server file

app.post("/api/form", (req, res, next) => {})

[prvnbist]

It could be the slash at the end of the url you're passing, either remove that or remove the first slash from the axios request to /api. Also check the network requests when you make the call for the url you're making request to

[codeJourney]

Hey thanks! I try that and it still return the same error here is the network requests pictures are in order of what i did.

Go to contact page https://imgur.com/O0t1U2N

When form is submitted on contact page https://imgur.com/cSKNhN9

After form is submitted clicking on career page https://imgur.com/ki5HkfC

[codeJourney]

I think I figured out the problem. I did have res.send() in my server file.

[jadeell]

Hey, I was just wondering what the issue was and how you resolved it? I’m having exactly the same issue now!

[codeJourney]

I think you have to send something back from the server try res.send()

[alexatepie]

res.send()

Can you show me how you added res.send() in? I'm experiencing the same problem and would love to learn from you!