接下来 Js- getStaticProps 不在一个特定的服务器上工作你知道原因吗？

编程问答 2022-04-21

问题描述

我在两台服务器上测试了这段代码，并试图让它在两台服务器上都能工作。 在一台服务器上，另一台服务器没有问题，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>
  )
}

解决方法

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

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

getstaticpropsjavascript