I have built a form which I want to be able to send emails, to do this I have attempted to follow this youtube tutorial: https://www.youtube.com/watch?v=_3-By9QfFa0

However I am running into an issue where I am getting the error in the question title which is coming up in my console web browser when trying to submit the form. I realize the issue might have something to do with one of the routes somewhere but I just cant figure it out (unless it's something completely different).

schoolForm.js

const handleSubmit = async(e) => {

e.preventDefault();

try { //I also tried using only: "/send_mail" here like I have in server.js but it didnt work

  await axios.post("http://localhost:3000/send_mail", {

    name

  });

}

catch (error) {

  console.log(error);

  }

}

server.js

const express = require("express");

const app = express();

require("dotenv").config();

const bodyParser = require("body-parser");

const cors = require("cors");

const nodemailer = require("nodemailer");



app.use(bodyParser.urlencoded({extended: true}));

app.use(bodyParser.json());



app.use(cors());



app.post("/send_mail", cors(), async (req, res) => {

  let {text} = req.body;

  const transport = nodemailer.createTransport({

    host: "smtp-mail.outlook.com",

    port: 587,

    auth: {

      user: "[email protected]",

      pass: "password"

    },

    tls: {

      rejectUnauthorized: false

    }

  });



 await transport.sendMail({

    from: "[email protected]",

    to: "[email protected]",

    subject: "subject",

    html: `<p>${text}</p>`

  })



});



app.listen(4000, () => {

  console.log("Server is listening on port 4000");

});

Edit: The error I get in the browser:

Is there anyone that can help me solve this issue? Help would be greatly appreciated!