Next.js 如何处理下一个js中加载缓慢的页面

我有一个页面，需要向API发出HTTP请求，该请求可能需要10秒以上的响应时间，而我的主机将我的执行时间限制为10秒

是否有一种方法可以加载临时页面或其他内容，然后异步加载其余数据？我目前正在这样做：

export async function getServerSideProps({ params }) {
    const res = await fetch(`${process.env.API_USER}name=${params['name']}`)
    const videos = await res.json()
    const tag_res = await fetch(`${process.env.API_TAG}author=${params['name']}`)
    const tags = await tag_res.json()
    const name = params['name']
    return {
      props: { videos, tags, name }, // will be passed to the page component as props
    }
}

---

让我们将HTTP请求从

getServerSideProps

移动到客户端（您的组件）

如果您仍然想坚持使用

getServerSideProps

，那么可能必须升级/切换主机，或者实现代理/包装服务器来处理HTTP请求并尽快返回响应

// Functional component
useEffect(() => {
  fetch(...)
}, [])

// Class-based component
componentDidMount() {
  fetch(...) 
}