Next.js14生产环境带排序的MongoDB数据获取不更新求助

问题核心 #

你在Next.js 14 App目录下开发的MongoDB数据排序接口，本地开发正常，但部署到Vercel后，新增数据无法通过带sort({ createdAt: -1 })的GET接口实时更新。移除sort后数据能正常更新，本质是Next.js App Router的静态缓存机制与带排序的查询结果冲突——API路由默认被静态优化，首次排序后的结果被Vercel缓存，后续请求直接返回旧数据，不会重新查询MongoDB。

解决方案 #

1. 强制API路由动态执行 #

在你的API路由文件（app/api/homepage/route.js）顶部添加动态配置，让Next.js每次请求都重新执行路由逻辑，彻底绕过静态缓存：

export const dynamic = "force-dynamic"; // 新增这一行

import Review from "@/models/review";
import connectdb from "@/util/mongodb";
import { NextResponse } from "next/server";

export async function GET (){
    await connectdb();
    const reviews  = await Review.find().sort({ createdAt: -1 }).select("_id title category rating image episodes").limit(6).exec();
    return NextResponse.json({data:reviews});
}

2. 给响应添加缓存控制头 #

如果不想全局设置路由为动态，也可以在返回响应时显式设置Cache-Control头，禁止缓存当前请求结果：

export async function GET (){
    await connectdb();
    const reviews  = await Review.find().sort({ createdAt: -1 }).select("_id title category rating image episodes").limit(6).exec();
    // 新增缓存控制头
    return NextResponse.json({data:reviews}, {
        headers: {
            "Cache-Control": "no-store, max-age=0",
        },
    });
}

3. 确认MongoDB时间戳字段（可选） #

虽然本地环境正常，但还是要检查Review模型是否正确配置了自动时间戳，确保新增数据时createdAt能被正确生成：

// models/review.js 示例代码
import mongoose from "mongoose";

const reviewSchema = new mongoose.Schema({
    title: String,
    category: String,
    rating: Number,
    // 其他字段...
}, {
    timestamps: true, // 自动生成createdAt和updatedAt字段
});

export default mongoose.models.Review || mongoose.model("Review", reviewSchema);

原理说明 #

Next.js 14 App Router的API路由默认采用静态渲染，会缓存请求结果。带sort的查询返回的是固定顺序的数据集，Vercel会认为这是静态内容并长期缓存；而移除sort后，查询结果的结构变化更容易触发缓存刷新，所以数据能正常更新。通过上述两种方式禁用缓存，就能确保每次请求都从MongoDB获取最新数据并重新排序。

内容的提问来源于stack exchange，提问作者Sail0r