Форма обратной связи, подключение к heroku

Всем привет! сделала форму обратной связи, выпадают вот такие ошибки. введите сюда описание изображения

Код формы:

function Cantacts() {
const [name, setName] = React.useState("");
const [email, setEmail] = React.useState("");
const [message, setMessage] = React.useState("");

let changeName = (event) => setName(event.currentTarget.value);
let changeEmail = (event) => setEmail(event.currentTarget.value);
let changeMessage = (event) => setMessage(event.currentTarget.value);

const form = (e) => {
    e.preventDefault();
    axios.post("https://express-js2.herokuapp.com/submit", {
        name,
        email,
        message,
    })
        .then(() => {
            alert("Your message has been send");
        });
};

return (
    <div className={styles.block} id="Contacts">
        <Fade bottom>
            <div className={styles.wrapper}>
                <h2 className={styles.myCantact}>Напишите мне</h2>
                <div className={styles.line}></div>

                <form className={styles.form}>
                    <input type="text" placeholder="Name" onChange={changeName} />
                    <input
                        type="text"
                        size="40px"
                        placeholder="Email"
                        onChange={changeEmail}
                    />
                    <textarea
                        rows="10"
                        cols="60"
                        onChange={changeMessage}
                        placeholder="Your message"
                    />
                </form>
                <button className={styles.send} onClick={form}>
                    Отправить
                </button>
            </div>
        </Fade>
    </div>
);

}

Код express:

const express = require('express'); //require или import
const nodemailer = require("nodemailer"); //import nodemailer
const cors = require('cors');
const bodyParser = require('body-parser');


const app = express();

let smtp_login = process.env.SMTP_LOGIN || "[email protected]";
let smtp_password = process.env.SMTP_PASSWORD || ""
let transporter = nodemailer.createTransport({
    service: "gmail",
    auth: {
        user: smtp_login, // generated ethereal user
        pass: smtp_password // generated ethereal password
    }
});

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


//Departure Permit
app.use(cors());


app.get('/', function (req, res) {
    res.send('Hello World!');
});
//create andpointt
app.post('/submit', async function (req, res) {
    let { name, email, message } = req.body;
    await transporter.sendMail({
        type: "OAuth2",
        from: 'https://chupayupa.github.io/chupa/', // sender address
        to: "[email protected]", // list of receivers
        subject: "HR", // Subject line
        text: "Test gmail", // plain text body
        html: `<b>HR message</b>
    <div>
    name: ${name}
    </div>
    <div>
    email:${email}
    </div>
    <div>
    message:${message}
    </div>`
    });
    //SUBMITED ON CLIENT
    res.send('Submited!');
});

//PORT APP LISTENER
let port = process.env.PORT || 3010
app.listen(port, function () {
    console.log('Example app listening on port 3010!');
});

https://express-js2.herokuapp.com/submit недотупен, только https://express-js2.herokuapp.com/ как это исправить?


Ответы (0 шт):