0

0

如何在 Vercel 上正确发送邮件(解决本地正常但部署后静默失败的问题)

聖光之護

聖光之護

发布时间:2026-01-07 18:44:25

|

329人浏览过

|

来源于php中文网

原创

如何在 Vercel 上正确发送邮件(解决本地正常但部署后静默失败的问题)

vercel 默认 edge 运行时限制了 node.js 原生网络模块的使用,导致 resend/nodemailer 等邮件客户端在部署后无报错、无响应。需显式声明 `runtime: 'nodejs'` 并启用动态路由,才能确保邮件 api 正常调用。

在 Vercel 上发送邮件失败(如日志停在 console.log('subject', subject) 后不再继续),并非因免费账户限制——Vercel 本身不提供 SMTP 服务,也不拦截邮件请求;真正原因是其默认运行时行为:

Edge Functions(默认):基于 WebAssembly 的轻量运行时,不支持 node:net、node:tls 等底层模块,而 Resend SDK(v3+)和绝大多数邮件库(包括 Nodemailer)底层依赖这些模块发起 HTTPS 请求。即使使用 fetch,Edge 环境对 Content-Type、重定向、证书验证等也有更严格限制,易导致静默挂起或连接超时。

Node.js Serverless Functions(需显式启用):完整兼容 CommonJS/ESM、原生 Node 模块及标准 https/http 客户端,是调用 Resend、SendGrid、Nodemailer 等服务的唯一可靠选择

✅ 正确配置方式(以 Resend 为例)

在你的 API 路由文件(如 app/api/send/route.ts 或 pages/api/send.ts)顶部添加:

Transfusion AI
Transfusion AI

一站式室内设计AI解决方案

下载
// app/api/send/route.ts
export const runtime = 'nodejs'; // 关键:强制使用 Node.js 运行时
export const dynamic = 'force-dynamic'; // 确保每次请求都执行,避免缓存干扰

import { Resend } from 'resend';
import { NextResponse } from 'next/server';

export async function POST(request: Request) {
  try {
    const { to, subject, html } = await request.json();

    console.log('sendEmail - start');
    console.log('to:', to);
    console.log('subject:', subject);

    const resend = new Resend(process.env.RESEND_API_KEY!);
    const response = await resend.emails.send({
      from: process.env.SMTP_FROM_EMAIL!,
      to,
      subject,
      html,
    });

    console.log('Resend success:', response);
    return NextResponse.json({ success: true, data: response });
  } catch (error) {
    console.error('Email send error:', error);
    return NextResponse.json(
      { success: false, error: (error as Error).message },
      { status: 500 }
    );
  }
}
⚠️ 注意事项:runtime = 'edge' ❌ 是错误方案(官方文档旧示例已过时);Edge 下 Resend v3+ 会因缺少 node:crypto/node:stream 等模块直接抛 ReferenceError,但 Vercel 日志可能截断错误堆栈,造成“无输出”假象。环境变量必须在 Vercel 项目设置中配置(Settings → Environment Variables),且不能仅在本地 .env 中定义;RESEND_API_KEY 和 SMTP_FROM_EMAIL 需标记为 Production 作用域。若使用 pages/api 路由,请确保导出 config 对象(Next.js 13–14 兼容写法):export const config = { runtime: 'nodejs' };

? 验证是否生效

部署后访问 Vercel 日志(Dashboard → Your Project → Logs),成功调用应显示完整日志链:

sendEmail - start  
to: user@example.com  
subject: Test Email  
Resend success: { id: "xxx", ... }  

若仍卡住,请检查:

  • 是否误将 runtime 写在 async function 内部(必须为顶层导出);
  • RESEND_API_KEY 是否拼写错误或未保存到 Vercel 后台;
  • HTML 内容是否含非法字符(如未转义

✅ 总结

Vercel 不限制邮件发送功能本身,也无需升级 Pro 计划——关键在于匹配运行时环境。只要将函数明确指定为 runtime: 'nodejs',即可稳定调用 Resend、SendGrid、Mailgun 或自建 SMTP(Nodemailer)。这是 Vercel 官方推荐且生产验证的实践方式。

相关专题

更多
html版权符号
html版权符号

html版权符号是“©”,可以在html源文件中直接输入或者从word中复制粘贴过来,php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

603

2023.06.14

html在线编辑器
html在线编辑器

html在线编辑器是用于在线编辑的工具,编辑的内容是基于HTML的文档。它经常被应用于留言板留言、论坛发贴、Blog编写日志或等需要用户输入普通HTML的地方,是Web应用的常用模块之一。php中文网为大家带来了html在线编辑器的相关教程、以及相关文章等内容,供大家免费下载使用。

644

2023.06.21

html网页制作
html网页制作

html网页制作是指使用超文本标记语言来设计和创建网页的过程,html是一种标记语言,它使用标记来描述文档结构和语义,并定义了网页中的各种元素和内容的呈现方式。本专题为大家提供html网页制作的相关的文章、下载、课程内容,供大家免费下载体验。

465

2023.07.31

html空格
html空格

html空格是一种用于在网页中添加间隔和对齐文本的特殊字符,被用于在网页中插入额外的空间,以改变元素之间的排列和对齐方式。本专题为大家提供html空格的相关的文章、下载、课程内容,供大家免费下载体验。

245

2023.08.01

html是什么
html是什么

HTML是一种标准标记语言,用于创建和呈现网页的结构和内容,是互联网发展的基石,为网页开发提供了丰富的功能和灵活性。本专题为大家提供html相关的各种文章、以及下载和课程。

2876

2023.08.11

html字体大小怎么设置
html字体大小怎么设置

在网页设计中,字体大小的选择是至关重要的。合理的字体大小不仅可以提升网页的可读性,还能够影响用户对网页整体布局的感知。php中文网将介绍一些常用的方法和技巧,帮助您在HTML中设置合适的字体大小。

503

2023.08.11

html转txt
html转txt

html转txt的方法有使用文本编辑器、使用在线转换工具和使用Python编程。本专题为大家提供html转txt相关的文章、下载、课程内容,供大家免费下载体验。

310

2023.08.31

html文本框代码怎么写
html文本框代码怎么写

html文本框代码:1、单行文本框【<input type="text" style="height:..;width:..;" />】;2、多行文本框【textarea style=";height:;"></textare】。

422

2023.09.01

Golang 分布式缓存与高可用架构
Golang 分布式缓存与高可用架构

本专题系统讲解 Golang 在分布式缓存与高可用系统中的应用,涵盖缓存设计原理、Redis/Etcd集成、数据一致性与过期策略、分布式锁、缓存穿透/雪崩/击穿解决方案,以及高可用架构设计。通过实战案例,帮助开发者掌握 如何使用 Go 构建稳定、高性能的分布式缓存系统,提升大型系统的响应速度与可靠性。

27

2026.01.09

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
快速入门Node.JS全套完整版
快速入门Node.JS全套完整版

共83课时 | 8.2万人学习

nodejs开发基础教程
nodejs开发基础教程

共15课时 | 4.5万人学习

JavaScript设计模式视频教程
JavaScript设计模式视频教程

共28课时 | 5.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号