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;}}
}
頁面測試后發送成功