Next.js 13 App目录API Routes如何实现类似Express的res.send功能？

不需要安装Express.js，Next.js本身就支持实现你的需求，根据你使用的路由模式（App Router 或 Pages Router），可以用以下两种方式实现：

1. App Router（Next.js 13+） #

App Router的API路由不再提供res参数，而是通过NextResponse构造响应。你可以直接创建一个返回HTML内容的响应，设置正确的Content-Type头即可：

import { NextResponse } from 'next/server';

export async function POST(req) {
  // 执行你的计算逻辑，获取所需的somevalue和redirecttosomewhere
  const somevalue = { user: 'test', data: 'sample' };
  const redirecttosomewhere = '/dashboard';

  // 构造包含脚本的HTML内容
  const scriptHtml = `
    <script>
      localStorage.setItem("state", JSON.stringify(${JSON.stringify(somevalue)}));
      window.location.href = "${redirecttosomewhere}";
    </script>
  `;

  // 返回响应，指定Content-Type为text/html
  return new NextResponse(scriptHtml, {
    headers: {
      'Content-Type': 'text/html; charset=utf-8',
    },
  });
}

注意：使用JSON.stringify(somevalue)确保变量被正确序列化，避免出现语法错误或注入问题。

2. Pages Router #

如果你使用的是传统的Pages Router（API路由在pages/api目录下），则可以直接使用类似Express的res参数，和你之前的代码逻辑几乎一致：

export default async function handler(req, res) {
  if (req.method !== 'POST') {
    return res.status(405).end('Method Not Allowed');
  }

  // 执行计算逻辑
  const somevalue = { user: 'test', data: 'sample' };
  const redirecttosomewhere = '/dashboard';

  // 直接用res.send返回脚本内容
  res.send(`
    <script>
      localStorage.setItem("state", JSON.stringify(${JSON.stringify(somevalue)}));
      window.location.href = "${redirecttosomewhere}";
    </script>
  `);
}

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