Question

下面是第13点,希望加上APIC末点代码<>/api/getIP。

route.js file is in the /app/api/getIP/route.js.

我尝试了几种方式,但都没有奏效。我尝试使用<条码>request-ip 来登上正本,但返回<代码>null<>。

Here is my code:

import { NextResponse } from "next/server";
import requestIp from "request-ip";

export async function GET(req) {
  const detectedIp = requestIp.getClientIp(req);
  const data = {
    ok: true,
    ip: detectedIp,
    userAgent: req.headers.get("user-agent"),
  };
  return new NextResponse(JSON.stringify(data, null, 2));
}

我在访问时收到这一答复:

{
    "ok": true,
    "ip": null,
    "userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/117.0.0.0 Safari/537.36"
}

Answer 1

Since you are already using Next.js app router, I m assuming you are hosting on Vercel.

如果是,Vercel可使用Next.js Middleware 提供这些信息。

- 要求书的IP地址。这些资料由您的主办平台提供。

https://nextjs.org/docs/pages/api-vis/Functions/next-server#nextrequest

You can create a Next.js app middleware by creating the file middleware.js at the root of your repo (if you are using src/app, then it should be src/middleware.js), with content:

import { NextRequest, NextResponse } from  next/server ;

export async function middleware(req: NextRequest) {
  const { ip, nextUrl } = req;

  nextUrl.searchParams.set( clientIp , ip);

  return NextResponse.rewrite(nextUrl);
}

上述代码将添加<代码>clientIp,作为查询栏目,然后通过您的路上手。

在您的路线上,您可以访问:

export async function GET(req) {
  const data = {
    ok: true,
    ip: req.query.clientIp ?? "127.0.0.1",
    message: "Hello from the API",
  };
  return new NextResponse(JSON.stringify(data, null, 2));
}

倒数是,它在你的地方环境(你知道你的地方前途)和任何没有提供这种信息的东道平台上赢得了工作。

友情链接