在 Next.js 14 项目中,获取 fetch 请求的响应参数

1、使用 await 获取 fetch 请求的响应。

2、解析响应以获取 JSON 数据。

下面是一个示例代码,展示了如何获取和处理响应参数:

javascript 复制代码
import { NextResponse } from 'next/server';

export default async function handler(req) {
  const dataToSend = {
    // 你的数据
  };

  try {
    const response = await fetch(`${req.nextUrl.origin}/api/import`, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(dataToSend), // 将数据转换为 JSON 字符串
    });

    if (!response.ok) {
      // 处理错误响应
      console.error('HTTP error', response.status);
      return NextResponse.json({ error: 'Failed to fetch data' }, { status: response.status });
    }

    const responseData = await response.json(); // 解析 JSON 数据

    // 处理 responseData
    console.log('Response Data:', responseData);

    return NextResponse.json(responseData); // 返回解析后的数据
  } catch (error) {
    // 处理 fetch 过程中可能出现的错误
    console.error('Fetch error:', error);
    return NextResponse.json({ error: 'Fetch error' }, { status: 500 });
  }
}
相关推荐
Highcharts.js9 小时前
教程:基于 React + Highcharts 构建一个单页应用程序、按需数据拉取与图表渲染
开发语言·前端·数据结构·react.js·前端框架·highcharts·页面应用
To_OC10 小时前
我被 useState 坑了两次之后,终于把它的脾气摸透了
前端·javascript·react.js
头发还在的女程序员11 小时前
医院陪诊管理系统怎么选择?——2026 年选型避坑与架构参考
java·开发语言·陪诊系统·陪诊app·医院陪诊陪护
爱写代码的小朋友13 小时前
从零开始学 Win32 API:C++ 窗口编程实战(VS Code + MinGW-w64 命令行详解)
开发语言·c++
果汁华13 小时前
Function Calling 与 Python 实战完整指南
开发语言·网络·python
小小晓.13 小时前
C++:语句和作用域
开发语言·c++
wanderist.14 小时前
Lambda表达式在算法竞赛中的应用
java·开发语言·算法
kyriewen14 小时前
我review了一份Vibe Coding写的前端代码——能跑,但5个地方迟早要命
前端·javascript·ai编程
海天鹰15 小时前
PHP上传文件
android·开发语言·php
Yeauty16 小时前
渲染成图再 CLI 拼接,还是进程内直推?Rust 帧到视频的两条路
开发语言·rust·音视频