问题描述: 当使用Angular、Express和Nodemailer时,邮件发送功能不起作用。
解决方法: 以下是一种可能的解决方法,其中包含关键代码示例。
npm install nodemailer express body-parser
const nodemailer = require('nodemailer');
const bodyParser = require('body-parser');
// ...
// 配置body-parser中间件
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
// 创建一个Nodemailer传输对象
const transporter = nodemailer.createTransport({
service: 'your-email-service-provider', // 例如'gmail'、'hotmail'等
auth: {
user: 'your-email@example.com',
pass: 'your-email-password'
}
});
// 设置POST路由来发送邮件
app.post('/send-email', (req, res) => {
const mailOptions = {
from: req.body.from,
to: req.body.to,
subject: req.body.subject,
text: req.body.text
};
transporter.sendMail(mailOptions, (error, info) => {
if (error) {
console.log(error);
res.status(500).send('邮件发送失败');
} else {
console.log('邮件发送成功: ' + info.response);
res.status(200).send('邮件发送成功');
}
});
});
// ...
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Component({
// ...
})
export class MyComponent {
constructor(private http: HttpClient) {}
sendEmail() {
const emailData = {
from: 'your-email@example.com',
to: 'recipient-email@example.com',
subject: '测试邮件',
text: '这是一封测试邮件'
};
this.http.post('/send-email', emailData)
.subscribe(
(response) => {
console.log(response);
// 处理成功响应
},
(error) => {
console.log(error);
// 处理错误响应
}
);
}
}
import { HttpClientModule } from '@angular/common/http';
@NgModule({
imports: [
// ...
HttpClientModule
],
// ...
})
export class AppModule { }
ng serve
在另一个终端窗口中运行以下命令启动Express服务器:
node app.js
现在,当你调用sendEmail()
方法时,它将发送一封邮件通过Express服务器。
请注意,上述代码示例中的某些部分需要根据你的实际情况进行调整,特别是Nodemailer传输对象的配置和邮件数据的设置。确保你已经将它们正确配置为适合你的需求。