Интерфейс подключения и серверная часть не работают

Question

У меня сервер работает на heroku: (https://resolvelogobackend.herokuapp.com/), а интерфейс работает на netlify (https://resolvelogo.netlify.app/)

Когда я пытаюсь отправить электронное письмо локально, электронное письмо отправлено. Когда я отправляю, обращаясь к URL-адресу внешнего интерфейса, сообщение электронной почты отправлено успешно, но электронное письмо не отправляется. Что могло произойти?

backend / routes. js

routes.post("/api/sendMail", (request, response, next) => {
  let transporter = nodemailer.createTransport({
    service: "gmail",
    host: "smtp.gmail.com",
    auth: {
      user: "************@gmail.com",
      pass: "************",
    },
  });
  const message = {
    from: request.body.email,
    to: "***********@gmail.com",
    subject: request.body.subject,
    html: `
    <h3><strong>Nome:</strong> ${request.body.name}</h3>
    <h4><strong>Whatsapp:</strong> ${request.body.phone}</h4>
    <p>${request.body.message}</p>
    `,
  };
  transporter.sendMail(message, (error, info) => {
    if (error) {
      console.log(`Falha no envio. Erro: ${error}`);
    }
    return response.status(200).send("E-mail enviado com sucesso.");
  });
});

frontend / services / api. js

import axios from "axios";
const api = axios.create({
  baseURL: process.env.REACT_APP_API_URL,
});
export default api;

frontend / .env

REACT_APP_API_URL="https://localhost:3001"

Переменные среды в Netlify

REACT_APP_API_URL = https://resolvelogobackend.herokuapp.com/