如何让本地环境中的Next.js应用仅通过固定主机名访问？

方法1：修改启动命令绑定指定主机 #

Next.js默认启动时会监听所有网络接口（0.0.0.0），因此能同时响应localhost和自定义域名的请求。你可以通过指定启动参数，让应用仅绑定到somehostname.local：

• 打开项目根目录的package.json，找到scripts中的dev（开发环境）或start（生产环境）命令。
• 修改命令，添加-H（或--hostname）参数指定目标主机：

  "scripts": {
    "dev": "next dev -p 4000 -H somehostname.local",
    "build": "next build",
    "start": "next start -p 4000 -H somehostname.local"
  }
  

• 重启Next.js服务后，应用只会监听somehostname.local，此时访问http://localhost:4000会直接提示无法连接。

方法2：用中间件强制校验请求主机头（更严谨） #

如果修改启动命令后仍存在绕过可能（比如通过IP直接访问），可以添加Next.js中间件拦截非法请求：

• 在项目根目录创建middleware.ts（或.js）文件。
• 写入以下代码，校验请求的Host头，仅允许指定域名：

  import { NextResponse } from 'next/server'
  import type { NextRequest } from 'next/server'
  
  export function middleware(request: NextRequest) {
    const allowedHost = 'somehostname.local:4000'
    if (request.headers.get('host') !== allowedHost) {
      return new NextResponse('Forbidden', { status: 403 })
    }
    return NextResponse.next()
  }
  
  export const config = {
    matcher: '/:path*',
  }
  

• 重启服务后，任何非somehostname.local:4000的请求都会被拦截并返回403禁止访问。

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