Nextjs getServerSideProps即使在服务器重新启动后也不更新

Question

我正在构建一个电子商务站点，但是在我重新启动nextjs服务器(使用server或npm )之后，leggings页面没有加载。在使用getproducts之后，leggings页面开始加载。

这是leggings.js

import React from 'react'
import Link from 'next/link'
import Product from "/models/Product"
import mongoose from 'mongoose'

const Leggings = ({ products }) => {
    return (
        <div>
            <section className="text-gray-600 body-font min-h-screen">
                <div className="container px-5 py-24 mx-auto">
                    <div className="flex flex-wrap -m-4 justify-center">
                        {products.map((item) => {

                            return <Link passHref={true} key={item._id} href={`/product/${item.slug}`}><div className="lg:w-1/5 md:w-1/2 p-4 w-full cursor-pointer shadow-lg m-7">
                                <a className="block relative rounded overflow-hidden">
                                    <img alt="ecommerce" className="m-auto md:m-0 h-[30vh] md:h-[36vh] block" src={item.img} />
                                </a>
                                <div className="mt-4 text-center md:text-left">
                                    <h3 className="text-gray-500 text-xs tracking-widest title-font mb-1">{item.category.toUpperCase()}</h3>
                                    <h2 className="text-gray-900 title-font text-lg font-medium">{item.title}</h2>
                                    <p className="mt-1">₹{item.price}</p>
                                    <p className="mt-1">S, M, L, XL, XXL</p>
                                </div>
                            </div>
                            </Link>
                        })}
                    </div>
                </div>
            </section>
        </div>
    )
}

export async function getServerSideProps(context) {
    if (mongoose.connections[0].readyState) {
        await mongoose.connect(process.env.MONGO_URI)
    }
    let products = await Product.find({ category: 'leggings' })
    return {
        props: { products: JSON.parse(JSON.stringify(products)) }, // will be passed to the page component as props
    }
}

export default Leggings

每次重新启动nextjs服务器之后，我都必须使用getproducts，然后只有leggings页面才能工作。我正在使用mongodb数据库，连接工作正常。如何解决这个问题？

Answer 1

我找到了办法。我只是忘了把!放在前面：mongoose.connections[0].readyState

示例：

if (!mongoose.connections[0].readyState)

现在，它可以正常工作，但是在服务器重新启动之后，加载页面需要一些时间。如何解决这个问题