在 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 });
  }
}
相关推荐
Go Dgg3 分钟前
【Go + Gin 实现「双 Token」管理员登录】
开发语言·golang·gin
十五年专注C++开发29 分钟前
hiredis: 一个轻量级、高性能的 C 语言 Redis 客户端库
开发语言·数据库·c++·redis·缓存
WJ.Polar30 分钟前
Python数据容器-集合set
开发语言·python
晓131331 分钟前
JavaScript加强篇——第七章 浏览器对象与存储要点
开发语言·javascript·ecmascript
海底火旺40 分钟前
浏览器渲染全过程解析
前端·javascript·浏览器
前端付豪1 小时前
15、前端可配置化系统设计:从硬编码到可视化配置
前端·javascript·架构
nbsaas-boot1 小时前
Go语言生态成熟度分析:为何Go还无法像Java那样实现注解式框架?
java·开发语言·golang
aPurpleBerry1 小时前
hot100 hot75 栈、队列题目思路
javascript·算法
颜漠笑年1 小时前
可迭代对象≠数组,一起来揭开for...of背后隐藏的秘密吧
前端·javascript
xiaocainiao8811 小时前
Python 实战:构建可扩展的命令行插件引擎
开发语言·python