Next.js 13 App Router下Nodemailer API导出HTTP方法报错求助

你遇到的问题核心是App Router的API路由规则和Pages Router完全不同——App Router要求为每个需要支持的HTTP方法导出对应的命名函数，而非Pages Router里的默认导出函数。你的旧代码沿用了Pages Router的写法，因此触发报错。

修正后的API路由代码（app/api/mail/route.js） #

import nodemailer from 'nodemailer';
import { NextResponse } from 'next/server';

// 对应前端的GET请求，必须用命名导出
export async function GET() {
  const smtpConfig = {
    host: 'smtp.hostinger.com',
    port: 465,
    secure: true,
    auth: {
      user: 'noreply@mail.com',
      pass: 'password',
    },
  };

  const transporter = nodemailer.createTransport(smtpConfig);

  const mailOptions = {
    from: 'noreply@mail.com',
    to: 'mail@gmail.com',
    subject: 'Test Email',
    text: 'This is a test email sent from nodemailer.', 
  };

  try {
    await transporter.sendMail(mailOptions);
    // App Router用NextResponse返回响应，替代旧的res对象写法
    return NextResponse.json(
      { message: 'Email sent successfully!' },
      { status: 200 }
    );
  } catch (error) {
    console.error('Error sending email:', error);
    return NextResponse.json(
      { message: 'Error sending email' },
      { status: 500 }
    );
  }
}

关键修改点说明 #

1. 替换默认导出为命名函数：把export default async (req, res)改成export async function GET()，函数名必须和HTTP方法一致（GET/POST/PUT等），前端调用哪个方法就导出哪个函数。
2. 使用NextResponse处理响应：App Router不再使用传统的req/res对象，而是通过NextResponse构建返回结果，这是官方推荐写法。
3. 修正nodemailer导入：nodemailer是默认导出，无需解构，直接import nodemailer from 'nodemailer'即可。

额外优化建议 #

• 前端fetch请求可简化为相对路径：将http://localhost:3000/api/mail改为/api/mail，Next.js会自动适配当前环境域名。
• 敏感信息不要硬编码：把邮箱账号、密码、SMTP主机等存入项目根目录的.env.local文件，用process.env.XXX读取，示例：

  # .env.local
  MAIL_USER=noreply@mail.com
  MAIL_PASSWORD=your_real_password
  MAIL_HOST=smtp.hostinger.com
  

  再在API中替换为user: process.env.MAIL_USER，避免敏感信息泄露。

内容的提问来源于stack exchange，提问作者Redbeardjunior