Функция Firebase https onCall заблокирована cors

Question

У меня есть sendMailоблачная функция, которую я хочу использовать для отправки электронных писем из контактной формы на моем сайте. Сайт размещен в Firebase с персональным доменом Google. Проблема в том, что я получаю эту ошибку всякий раз, когда пытаюсь вызвать функцию с размещенного сайта.

Вот что я пробовал до сих пор

1. Я пробовал протестировать функцию локально из браузера, и она работает нормально. Нет ошибки корса.
2. Тестирование путем вызова функции из оболочки firebase также отлично работает без ошибок cors.

1. Я проверил свою консоль Google Cloud и убедился, что все пользователи могут вызывать эту функцию.
   

4. Я также пробовал использовать библиотеку cors для обертывания функции, но это тоже не сработало:

Вот как я вызываю свою sendMailфункцию:

handleSubmit = (e) => {
    e.preventDefault();
    const sendMail = firebase.app().functions('us-central1').httpsCallable("sendMail");
    
    sendMail({ details: this.state })
      .then((res) => {
        this.setState({
          loading: true,
        });
        this.notify("success");
      })
      .catch((error) => {
        this.notify(error);
      });
  };

Вот вся sendMailфункция:

const functions = require("firebase-functions");
const admin = require("firebase-admin");
const cors = require("cors")({ origin: true });
const nodemailer = require("nodemailer");

admin.initializeApp();

// Use gmail to set up transporter
let transporter = nodemailer.createTransport({
  service: "gmail",
  auth: {
    user: functions.config().mail.user,
    pass: functions.config().mail.pass
  },
});

exports.sendMail = functions
  .region("us-central1")
  .https.onCall((data, context) => {
    const info = data.details;
    const mailOptions = {
      from: `${info.name} <${info.email}>`,
      to: functions.config().mail.dest,
      subject: info.subject,
      html: `<p style="font-size: 16px;">${info.name}, ${info.email}</p>
                    <p
                    style="
                        font-size: 1rem;
                        background: #FFECB3;
                        padding: 10px;
                        border-radius: 10px;">${info.message}</p>
                `, // email content in HTML
    };

    // returning results
    return transporter.sendMail(mailOptions, (err, info) => {
      if (err) {
        console.log("failed", err);
      }
    });
  });

Я знаю, что задавали похожие вопросы, но я действительно перепробовал почти все. Я получаю проблему cors ТОЛЬКО при ее вызове с моего сайта, размещенного на Firebase. Кто-нибудь, помогите пожалуйста!

Answer 1

Поведение функций onCall отличается от поведения onRequest в отношении cors, например, вам нужно убедиться, что вы вызываете его из того же региона. Посмотреть этот пост

Проблема cors может возникнуть, если ваша функция работает с ошибками, стоит проверить в эммуляторе и ответе на отправку почты.