Express.js提取前缀域名：localhost可用但127.0.0.1无法访问

我实现了一个简单的Express.js应用，用于从请求主机名中提取前缀域名。使用localhost:3000时一切正常——比如访问http://harsh.localhost:3000，API能正确返回前缀域名harsh。但换成127.0.0.1:3000时，访问http://harsh.127.0.0.1:3000会直接导致浏览器或Postman提示无法找到地址。想知道问题原因，以及如何修改代码支持127.0.0.1这类场景的前缀域名提取。

原代码如下：

const express = require('express');
const app = express();

app.use((req, res, next) => {
  const parts = req.hostname.split('.');
  req.predomain = parts[0];
  next();
});

app.get('/', (req, res) => {
  res.json({ predomain: req.predomain });
});

const PORT = 3000;
app.listen(PORT, () => {
  console.log(`Server is running on port ${PORT}`);
});

问题原因 #

1. localhost的默认解析规则：localhost是标准域名，操作系统和DNS默认会将所有*.localhost格式的子域名解析到127.0.0.1，所以harsh.localhost能被正确指向本地服务器。
2. IP地址的子域名无默认解析：127.0.0.1是直接的IPv4地址，而非域名。DNS系统没有默认规则处理*.127.0.0.1这种格式，你的设备无法识别该地址对应的服务器，因此会出现无法访问的错误。

解决方案 #

要支持*.127.0.0.1这类场景，需要两步操作：手动配置本地解析规则，同时优化代码逻辑适配IP格式的主机名。

步骤1：修改本地hosts文件 #

通过hosts文件强制将*.127.0.0.1指向127.0.0.1：

• Windows：打开C:\Windows\System32\drivers\etc\hosts（需管理员权限）
• macOS/Linux：打开/etc/hosts（需sudo权限）

在文件末尾添加对应解析规则，比如：

127.0.0.1 harsh.127.0.0.1

如果需要支持多个前缀，可添加多行：

127.0.0.1 alice.127.0.0.1
127.0.0.1 bob.127.0.0.1

步骤2：优化代码逻辑 #

原代码直接按.分割取第一个元素，对于不带前缀的127.0.0.1，会错误返回127作为前缀。需要添加判断逻辑，区分域名和IP格式的主机名：

修改后的代码：

const express = require('express');
const app = express();

app.use((req, res, next) => {
  const hostname = req.hostname;
  // 简单匹配IPv4格式
  const isIp = /^\d+\.\d+\.\d+\.\d+$/.test(hostname);
  
  let predomain = hostname.split('.')[0];
  
  // 处理不带前缀的IP访问场景
  if (isIp && predomain === '127') {
    predomain = ''; // 可根据需求改为默认值，比如'localhost'
  }

  req.predomain = predomain;
  next();
});

app.get('/', (req, res) => {
  res.json({ predomain: req.predomain });
});

const PORT = 3000;
app.listen(PORT, () => {
  console.log(`Server is running on port ${PORT}`);
});

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