如何获取当前API的完整URL而非原始请求方的URL

刚好碰到过类似的场景，给你几个靠谱的解决方案来搞定「获取API完整URL生成正确下载链接」的问题：

如果你的API部署环境比较固定（比如你现在本地的http://localhost:54641），最简单的方式就是在后端代码里定义一个全局的基础URL常量，生成订单响应时直接拼接路径。

举个Node.js/Express的示例：

// 配置API基础URL
const API_BASE_URL = "http://localhost:54641";

app.get('/orders', (req, res) => {
  const orders = [
    {
      orderReference: "123456",
      actions: {
        download: `${API_BASE_URL}/orders/123456/download`
      }
    }
  ];
  res.json(orders);
});

这个方案上手快，但如果后续要把API部署到测试、生产等不同环境，需要手动修改配置里的基础URL。

如果你的API需要适配不同部署环境，不想硬编码地址，可以从后端接收到的请求对象里提取协议、主机（含端口）信息，动态生成API的完整基础URL。

还是以Node.js/Express为例：

app.get('/orders', (req, res) => {
  // 从请求中获取协议（http/https）和主机地址
  const apiBaseUrl = `${req.protocol}://${req.get('host')}`;
  
  const orders = [
    {
      orderReference: "123456",
      actions: {
        download: `${apiBaseUrl}/orders/123456/download`
      }
    }
  ];
  res.json(orders);
});

这里req.protocol会自动识别请求的协议，req.get('host')会读取请求头里的Host字段（包含域名和端口），完美适配不同环境的地址。

⚠️ 注意：如果API前面有反向代理（比如Nginx），需要配置代理传递真实的主机信息，否则req.get('host')拿到的可能是代理的地址。这种情况下，你需要在代理配置中添加X-Forwarded-Host等请求头，然后在后端开启信任代理的配置：

// Express中开启信任代理
app.set('trust proxy', true);

// 获取真实的主机地址
const realHost = req.get('X-Forwarded-Host') || req.get('host');
const apiBaseUrl = `${req.protocol}://${realHost}`;

如果你的客户端已经知道API的基础URL，也可以让后端返回相对路径（比如/orders/123456/download），然后由客户端自行拼接完整URL。

举个React客户端的示例：

const API_BASE_URL = "http://localhost:54641";

const fetchOrders = async () => {
  const response = await fetch(`${API_BASE_URL}/orders`);
  const orders = await response.json();
  
  // 拼接完整下载链接
  const processedOrders = orders.map(order => ({
    ...order,
    actions: {
      download: `${API_BASE_URL}${order.actions.download}`
    }
  }));
  
  // 后续处理逻辑
};

这个方案的缺点是API地址变更时，客户端代码也需要同步修改，维护成本更高，所以优先推荐前两个后端生成完整URL的方案。

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