EmailJS在本地环境和Netlify预览链接正常，但生产部署后无法工作的问题求助

大家好，我目前在用Vue.js开发一个项目，为了让联系表单能直接发送邮件而不用依赖后端服务，我选用了EmailJS来实现这个功能。我已经按步骤完成了所有配置：

• 添加并配置了EmailJS的邮件服务
• 创建了对应的邮件模板
• 在Vue项目中安装并引入了EmailJS
• 完成了联系表单的开发

之后我把项目部署到了Netlify上，但遇到了一个棘手的问题：在本地开发环境和Netlify的预览链接（permalink）里，邮件发送功能完全正常，但部署到正式的生产环境后就失效了。

我已经反复检查了EmailJS的服务ID、模板ID、公钥，还有邮件服务和模板的配置，看起来都没有问题。生产环境中表单的前端校验是正常的（比如未勾选隐私政策时会弹出提示），但点击提交后要么毫无反应，要么触发“发送失败”的提示，控制台的错误信息也没给出明确的排查方向。

有没有朋友遇到过类似的情况？或者能帮我分析下可能的原因？

以下是我的联系表单代码：

<template>
  <form class="contact-form" @submit.prevent="submitForm">
    <div class="form-row">
      <input type="text" placeholder="Emri" v-model="form.name" required />
      <input type="text" placeholder="Mbiemri" v-model="form.surname" required />
    </div>
    <input type="email" placeholder="Emaili" v-model="form.email" required />
    <input type="tel" placeholder="Numri i telefonit" v-model="form.phoneNumber" required />
    <textarea placeholder="Mesazhi juaj..." v-model="form.message" required></textarea>
    <label class="form-checkbox">
      <input type="checkbox" id="agree" v-model="form.agree" required />
      <span class="checkmark"></span>
      Unë pajtohem me politikën e privatësisë
    </label>
    <button type="submit">Dërgo mesazhin</button>
  </form>
</template>

<script>
import emailjs from 'emailjs-com';

export default {
  data() {
    return {
      form: {
        name: '',
        surname: '',
        email: '',
        phoneNumber: '',
        message: '',
        agree: false
      }
    };
  },
  methods: {
    submitForm() {
      if (!this.form.agree) {
        alert('Ju duhet të pajtoheni me politikën e privatësisë.');
        return;
      }

      emailjs.init('PUBLIC_KEY');
      const templateParams = {
        from_name: `${this.form.name} ${this.form.surname}`,
        from_email: this.form.email,
        phone: this.form.phoneNumber,
        message: this.form.message
      };

      emailjs.send(
        'SERVICE_ID',
        'TEMPLATE_ID',
        templateParams,
        'PUBLIC_KEY'
      ).then(() => {
        alert('Mesazhi u dërgua me sukses!');
        this.resetForm();
      }).catch((error) => {
        console.error('Gabim gjatë dërgimit:', error);
        alert('Ndodhi një gabim gjatë dërgimit.');
      });
    },
    resetForm() {
      this.form = {
        name: '',
        surname: '',
        email: '',
        phoneNumber: '',
        message: '',
        agree: false
      };
    }
  }
};
</script>

内容来源于stack exchange