-1

我在两台服务器上测试了这段代码，并尝试让它在两台服务器上都运行。在一台服务器上，另一台服务器上没有问题，getStaticProps 甚至没有发生任何问题： console.log('cards') 所以我看到有人使用 getInitialProps 但它是推荐的。还有其他选择吗？我在一台服务器上销毁了什么，这样就不会再次发生？

如果有人想阅读代码

import Image from 'next/image'
import styles from '../styles/Home.module.css'


export async function getStaticProps(){

  console.log('cards')
  const res = await fetch('http://localhost:1337/Cards')
  const cards =await res.json()
  console.log(cards)

  return{
    props:{
      cards:cards
    }
  }
}

export default function Home({cards}) {
  console.log(cards)
  return (
    <div className={styles.container}>
      <Head>
        <title>Create Next App</title>
        <meta name="description" content="Generated by create next app" />
        <link rel="icon" href="/favicon.ico" />
      </Head>
      <ul>
        {cards.map((card)=>(
          <li>{card.name}</li>
        ))}
      </ul>


    </div>
  )
}
4

1 回答 1

0

我是个白痴，因为该文件是一个名为 compontents 的不同文件夹，现在我正在寻找一种方法来使我的组件正确。所以我现在知道我应该使用故障排除过程来更广泛地查看服务器。我问这个问题是因为一些 body esle 有同样的问题，答案是使用 getInitialProps 代替。建议不要使用它，这就是我问的原因。所以我的任务是：在研究故障排除时不要掉进兔子洞。当您询问某人时，请提供更多信息...

我希望你失去的时间没有完全失去，有人有同样的问题。

于 2021-07-04T09:22:07.927 回答