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

问题描述 投票:0回答:1

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

关于这个问题我看到有人说使用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;
}
reactjs typescript next.js prerender
1个回答
0
投票

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

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

© www.soinside.com 2019 - 2024. All rights reserved.