代码之家 › 专栏 › 技术社区 › Pickez

为什么在应用程序目录中对NextJS api路由的请求给出500响应代码?

nextjs13 server-side-rendering next.js node.js javascript

Pickez · 技术社区 · 3 年前

当我尝试调用我的API路由时,我收到一个500代码的内部服务器错误

提出请求的地点

export const fetchSuggestion = async () => {
    const response = await fetch('/api/getSuggestion', { cache: 'no-store' })
    const data = await response.json()

    return data
}

调用提取程序的位置

const {
    data: suggestion,
    isLoading,
    isValidating,
    mutate,
  } = useSWR('/api/getSuggestion', fetchSuggestion, { revalidateOnFocus: false })

Api路线本身

export async function GET(request: Request) {
    // Connect to mcrft azure func endpoint
    const response = await fetch(`${process.env.VERCEL_URL || 'http://localhost:7071'}/api/getChatGPTSuggestion`, {
        cache: 'no-store'
    })

    const textData = await response.text()

    return new Response(JSON.stringify(textData.trim()), {
        status: 200
    })
}

文件结构

应用程序>api>getSuggestion>路线.ts

lib>fetchSuggestion.ts

我试着像以前版本的Next一样,用pages/api更改app/api文件夹,但没有成功,检查了路由内的所有内容是否正常,确实如此,但我真的不明白为什么它会给我500个代码。

1 回复 | 直到 3 年前

Yilmaz 3 年前

很可能您的获取逻辑失败了:

const response = await fetch(`${process.env.VERCEL_URL || 'http://localhost:7071'}/api/getChatGPTSuggestion`, {
        cache: 'no-store'
    })

你应该把逻辑写在里面 try/catch 块

export async function GET(request: Request) {
  try {
    // Connect to mcrft azure func endpoint
    const response = await fetch(
      `${
        process.env.VERCEL_URL || "http://localhost:7071"
      }/api/getChatGPTSuggestion`,
      {
        cache: "no-store",
      }
    );

    const textData = await response.text();

    return new Response(JSON.stringify(textData.trim()), {
      status: 200,
    });
  } catch (error) {
    console.log("error inside get route",error)
    if (error instanceof Error) {
      return new Response(error.message, { status: 500 });
    }

    return new Response("Internal Server Error", { status: 500 });
  }
}

推荐文章

TheDomis4 · nextjs:链接元素导致水合错误

1 年前

Mohammed Sabir · 下一个js getServerSideProps中的水合错误

1 年前

Kim · 带SSR的Angular 18:将优化设置为true会忽略脚本中加载的库

1 年前

Marya · 为什么我的API使用fetch发送电子邮件会产生未定义的响应,但仍然成功发送电子邮件

2 年前

Rafael · 为什么next.js中的picture元素不能使用隐藏属性?

2 年前

Dayvson Spacca · 如何使用nextjs中的服务器端组件从url获取params-id?

2 年前

Hamza Manan · 文本内容与使用i18n进行翻译的服务器呈现HTML不匹配

2 年前

Amir Abaris · Angular检测到“HttpClient”未配置为使用“fetch”API。(角17-SSR)

2 年前

kooru_hi · 通用加载函数如何在服务器端加载不可序列化的数据

2 年前

Tibo · 如何在Next JS中的_app文件中获取会话数据?

2 年前