在前端开发中，发送邮件是一项常见的功能。如果将邮件发送的代码写在前端代码中，会使得前端代码过于复杂，因此我们可以使用 node.js 的 npm 包 node4mailer 来轻松发送邮件。
安装 node4mailer
首先，我们需要安装 node4mailer，可以在终端中运行以下命令：
npm install nodemailer --save
该命令会将 nodemailer 安装并添加到项目的依赖中。
配置邮件服务器
在使用 node4mailer 发送邮件之前，我们需要配置使用的邮件服务器。在本教程中，我们使用 Gmail 来发送邮件。首先，需要登录 Gmail 账号，然后在设置页面中，将“安全性”中的“2步验证”和“应用专用密码”均设置为开启。然后，在代码中按照以下配置方式进行配置：
-- -------------------- ---- -------
----- ---------- - ----------------------
--- ----------- - ----------------------------
-------- --------
----- -
----- -----------------------
----- -------------------
-
---上述代码中，user 和 pass 分别为你的 Gmail 邮箱和应用专用密码。
发送邮件
有了上述配置，我们就可以发送邮件了。可以使用以下代码发送邮件：
-- -------------------- ---- -------
--- ----------- - -
----- -----------------------
--- -----------------------------
-------- -------- ----------
----- ----- -- - ---- ------
--
--------------------------------- ------- ----- -- -
-- ------- -
-------------------
- ---- -
------------------ ----- - - ---------------
-
---这会将一封测试邮件发送给指定的邮件地址。text 属性为邮件内容。
附加邮件内容
使用 node4mailer，我们可以向邮件中添加 HTML、图片和附件等内容。以下是向邮件中添加一张图片的示例代码：
-- -------------------- ---- -------
--- ----------- - -
----- -----------------------
--- -----------------------------
-------- -------- ----------
----- ---------- --------------- ----------------------
------------ --
--------- ---------------
----- ------------------------
---- ----------
--
--上述代码中，html 属性为邮件内容，其中使用了一个 img 标签来引用图片，而 attachments 属性则为添加的图片的配置。
总结
使用 node4mailer 可以在前端开发中轻松发送邮件。使得前端代码更加简洁，完整的示例代码如下：
-- -------------------- ---- -------
----- ---------- - ----------------------
--- ----------- - ----------------------------
-------- --------
----- -
----- -----------------------
----- -------------------
-
---
--- ----------- - -
----- -----------------------
--- -----------------------------
-------- -------- ----------
----- ----- -- - ---- ------
--
--------------------------------- ------- ----- -- -
-- ------- -
-------------------
- ---- -
------------------ ----- - - ---------------
-
---希望本文对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005590681e8991b448d65c3