当前位置: 首页 > news >正文

【VUE】用EmailJS自动发送邮件到网易邮箱

1.注册 EmailJS 账号​​:

访问 EmailJS 官网并注册

2.添加电子邮件服务​​:

  • 在 Dashboard 中点击 "Add New Service"
  • 选择 SMTP server
  • 填写 SMTP 服务器信息
  • SMTP Host: smtphz.qiye.163.com (网易企业邮箱)
  • SMTP Port: 994 (SSL)
  • User: 你的邮箱
  • App Password: 你的邮箱密码或授权码(建议用授权码)

3.​​创建邮件模板​​:

  • 点击 "Email Templates" → "Create New Template"
  • 设计你的模板,使用变量如 {{to_email}}{{from_name}}
  • 保存模板并记下模板ID

4.获取 API 密钥​​:

在 Account 的 "Public Key" 部分就是你的 User ID

5.替换代码中的占位符​​:

安装EmailJS:

npm install emailjs-com

•将 your_user_id替换为你的用户ID

•将 template_your_template_id替换为你的模板ID

•将代码中的 service_your_service_id替换为你的服务ID

methods: {async submitFormData() {this.submitting = true;try {await emailjs.send('smtp_netease', // 你在EmailJS中配置的SMTP服务ID'template_contact', // 模板ID{to_email: 'wael@ylitc.com',company: this.form.company,phone: `${this.form.areaCode} ${this.form.phone}`,email: this.form.email,content: this.form.content},'user_xxxxxxxx' // EmailJS用户ID);this.$message.success('邮件已发送至 wael@ylitc.com');this.resetForm();} catch (error) {console.error('邮件发送失败:', error);this.$message.error('发送失败,请检查网络或稍后重试');} finally {this.submitting = false;}}
}

页面测试后发送成功

http://www.dtcms.com/a/337625.html

相关文章:

  • JVM学习笔记-----类加载
  • 【深度学习4】神经网络-激活函数
  • 最短路spfa和多层图(P1073 [NOIP 2009 提高组] 最优贸易)题解
  • Linux系统等保三级安全加固执行手册(ReahtCentosKylin)
  • mq存量消息如何处理
  • STM32G4 Park及反Park变换(一)matlab建模
  • Spark 运行流程核心组件(三)任务执行
  • C语言基础:变量与进制详解
  • 直播美颜SDK架构揭秘:动态贴纸功能的实现原理与性能优化
  • 计算机网络技术-交换机配置(Day.2)
  • 戴尔易安信 PowerEdge R540服务器系统安装教程
  • 深度学习篇---卷积
  • 远程访问公司内网电脑怎么操作?3个简单通用的跨网异地连接管理计算机方法
  • IoT/透过oc_lwm2m和at源码,分析NB-IoT通信模组和主板MCU之间的通信过程
  • 自建K8s集群无缝集成阿里云RAM完整指南
  • 重温 K8s 基础概念知识系列五(存储、配置、安全和策略)
  • Kubernetes(K8s)常用命令全解析:从基础到进阶
  • kubeadm方式部署k8s集群
  • 备考国央企-算法笔记-01链表
  • HakcMyVM-Friendly
  • MongoDB Windows 系统实战手册:从配置到数据处理入门
  • Esp32基础(③旋转编码器)
  • 用一个label控件随便显示一些字(用矢量字库),然后用anim动画动态设置lable位置
  • 上海1KM人口热力数据分享
  • 音频分类模型笔记
  • rust 从入门到精通之变量和常量
  • 杂记 04
  • 脑潜在进展:基于潜扩散模型的三维脑磁共振成像个体时空疾病进展研究|文献速递-深度学习人工智能医疗图像
  • python的课外学习生活活动系统
  • 视觉语言导航(13)——AIR-VLN 4.3