Nodejs 从nginx前端转发后相对路径解析出错

Node.js 从 Nginx 前端转发后相对路径解析出错

问题描述

现在有一个 Node.js 应用 A，其服务地址为 http://127.0.0.1:8001。

前端通过 Nginx 进行转发，例如 http://www.xxx.com/A 被转发到 http://127.0.0.1:8001。

虽然转发能够正常工作，但应用 A 中的相对路径解析出现了错误。例如，有一个链接路径是 /about，转发后显示为 http://www.xxx.com/about，而不是正确的 http://www.xxx.com/A/about。

解决方案

这个问题通常是因为 Node.js 应用在生成 URL 时没有考虑到 Nginx 的代理配置。可以通过以下几种方式来解决：

1. 使用绝对路径： 将所有相对路径替换为绝对路径。这可以通过在应用中动态生成 URL 来实现。

   const path = require('path');
   const url = new URL(request.url, 'http://www.xxx.com/A');
   const absolutePath = url.pathname;
   

2. 配置 Nginx 代理头： 在 Nginx 配置中添加 proxy_set_header 指令，将原始请求的 URL 传递给 Node.js 应用。

   location /A {
       proxy_pass http://127.0.0.1:8001;
       proxy_set_header X-Real-IP $remote_addr;
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
       proxy_set_header Host $host;
       proxy_set_header X-Original-URI $request_uri;
   }
   

3. 修改 Node.js 应用中的路径生成逻辑： 使用环境变量或配置文件来动态生成 URL。

   const express = require('express');
   const app = express();
   
   app.get('/about', (req, res) => {
       const baseUrl = process.env.BASE_URL || 'http://www.xxx.com/A';
       const aboutUrl = `${baseUrl}/about`;
       res.send(`About page: <a href="${aboutUrl}">${aboutUrl}</a>`);
   });
   
   app.listen(8001, () => {
       console.log('Server is running on port 8001');
   });
   

4. 使用中间件处理路径： 创建一个中间件来处理路径前缀。

   const express = require('express');
   const app = express();
   
   app.use((req, res, next) => {
       req.url = '/A' + req.url;
       next();
   });
   
   app.get('/about', (req, res) => {
       res.send('This is the about page.');
   });
   
   app.listen(8001, () => {
       console.log('Server is running on port 8001');
   });
   

通过上述方法之一，可以确保 Node.js 应用正确解析相对路径，并且在 Nginx 代理转发后能够正确显示 URL。