javascript - 如何访问 getStaticProps 中的 referer？

Question

我需要访问 getStaticProps 中的 referer；有什么方法可以访问它？我知道如何使用 getServerSideProps 访问，但不确定 getStaticProps。

使用getServerSideProps:context.req.headers.referer;

JavaScript: document.referer;

如何使用 getStaticProps 实现这一点？如果不可能，最好的选择是什么？

if (req.headers.referer === "https://example.com/") {
  return {
    Code
    },
  };

Answer 1

getStaticProps在构建时运行以生成静态文件。因此，当用户请求由它生成的页面时，没有服务器端代码运行，因此您无法知道其中的 referer。

如果这对您很重要，您可能想使用 getServerSideProps并在完成所需的验证后在请求时获取数据。或者使用 Next.js middleware在呈现静态或动态文件之前运行逻辑:

// middleware.ts at the root of your project

import { NextRequest, NextResponse } from "next/server";

export function middleware(request: NextRequest) {
  console.log(request.headers.get("referer"));
  // do stuff
  return NextResponse.next();
}