如何解决接下来 Js- getStaticProps 不在一个特定的服务器上工作你知道原因吗?
我在两台服务器上测试了这段代码,并试图让它在两台服务器上都能工作。
在一台服务器上,另一台服务器没有问题,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 代替。建议不要使用它,这就是我问的原因。 所以我的待办事项: 在研究故障排除时不要掉进兔子洞。 并在您询问某人时提供更多信息...
我希望你失去的时间没有完全丢失,有人也有同样的问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。