我正在嘗試使用重新驗證功能。我嘗試按照 Vercel 提供的代碼進行操作,但我不斷收到錯誤訊息。這是我正在使用的功能:
export async function getServerSideProps() {
const client = await clientPromise;
const db = client.db("myFirstDatabase");
let users = await db.collection("users").find({}).toArray();
users = JSON.parse(JSON.stringify(users));
return {
props: {
users,
},
revalidate: 15,
};
}
這是回傳客戶端的 mongodb 檔案:
import { MongoClient } from 'mongodb'
const uri = process.env.MONGODB_URI
const options = {
useUnifiedTopology: true,
useNewUrlParser: true,
}
let client
let clientPromise
if (!process.env.MONGODB_URI) {
throw new Error('Please add your Mongo URI to .env.local')
}
if (process.env.NODE_ENV === 'development') {
// In development mode, use a global variable so that the value
// is preserved across module reloads caused by HMR (Hot Module Replacement).
if (!global._mongoClientPromise) {
client = new MongoClient(uri, options)
global._mongoClientPromise = client.connect()
}
clientPromise = global._mongoClientPromise
} else {
// In production mode, it's best to not use a global variable.
client = new MongoClient(uri, options)
clientPromise = client.connect()
}
export default clientPromise
如果我洗掉重新驗證部分,我已經能夠連接到資料庫并且代碼可以正常作業。我得到的錯誤是:
** 錯誤:從 . 回傳了其他鍵getServerSideProps。用于您的組件的屬性必須嵌套在props鍵下,例如:
return { props: { title: 'My Title', content: '...' } }
需要移動的鍵:重新驗證。閱讀更多:https ://nextjs.org/docs/messages/invalid-getstaticprops-value
**
我不確定我做錯了什么。我想從資料庫中獲取資料并每 15 秒更新一次。任何幫助將不勝感激。
uj5u.com熱心網友回復:
revalidate是 for getStaticProps,您正在使用它getServerSideProps,這不允許我建議您查看此庫:https ://swr.vercel.app/
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/438875.html
