预呈现页面“/”时发生错误。阅读更多：https://nextjs.org/docs/messages/prerender-error 修改请求（不知道如何）

Question

已经四天了，我仍然陷入困境。

关于这个问题我看到有人说使用axios，并设置超时。或者在获取数据时将http更改为https，但这一切都是徒劳的。我比截止日期晚了四天，客户会杀了我

我正在尝试 vercel build 但它说预渲染错误。这是请求的示例：

import { PageInfo, Social } from "@/typing";
import axios from "axios";


export const fetchSocials = async() => {
    const res = await axios.get(`https://localhost:3000/api/getSocials`,{
        timeout: 7000,
    });

    return res.data.socials as Social[];
}

（超时：7000哈哈哈，我很沮丧，我给了它7秒才能获取，哈哈😂） 这是以前的版本（效果不太好）：

import { PageInfo, Social } from "@/typing";

export const fetchSocials = async() => {
    const res = await fetch(`https://localhost:3000/api/getSocials`);

const data = res.json();

const socials: Social[] = data;

    return socials;
}

Answer 1

首先，本地主机上是 http 而不是 https

其次，您并没有真正解释您想要做什么，但从外观上看，您正在 next.js api 路由中发出 API 请求，以从另一个端点获取数据并返回数据（如果这就是您想要的）我会说首先使用 postman 或像 Rest Client 这样的 vscode 扩展来测试端点，以确保问题不是来自您的服务器