如何用Node.js+Needle发送POST请求后重定向至REST API返回页？

方案1：让客户端直接发起POST请求（最简单高效） #

后端无需自行调用Needle，而是返回一个自动提交的表单页面，让浏览器直接与目标API交互。这样页面的资源加载路径基于目标域名，不会出现样式错乱。

示例代码：

// Express 框架示例
app.get('/your-route', (req, res) => {
  const autoSubmitForm = `
    <form id="autoForm" action="https://example.com/api" method="POST">
      <input type="hidden" name="param1" value="test1">
      <input type="hidden" name="param2" value="test2">
    </form>
    <script>
      document.getElementById('autoForm').submit();
    </script>
  `;
  res.send(autoSubmitForm);
});

客户端访问该后端路由后，会自动提交POST请求到目标API，直接加载返回的HTML页面，所有相对路径的资源都会正常请求目标域名下的文件，样式可正常显示。

方案2：代理请求并修正HTML中的资源路径（复杂但可控） #

若必须在后端处理请求，需要将返回HTML中的所有相对URL替换为目标域名的绝对URL，同时通过后端代理转发后续静态资源请求：

1. 处理HTML内容的路径修正：

const needle = require('needle');
const cheerio = require('cheerio'); // 需要安装cheerio解析HTML

app.get('/your-route', (req, res) => {
  const params = { param1: "test1", param2: "test2" };
  const options = { headers: { "Content-Type": "application/x-www-form-urlencoded" } };

  needle.post("https://example.com/api", params, options, (err, response) => {
    if (err) {
      return res.status(500).send('请求出错');
    }
    const $ = cheerio.load(response.body);
    // 修正CSS、JS、图片等资源的相对路径
    $('link[rel="stylesheet"]').each((i, el) => {
      const href = $(el).attr('href');
      if (href && !href.startsWith('http')) {
        $(el).attr('href', `https://example.com${href.startsWith('/') ? href : '/' + href}`);
      }
    });
    $('script[src]').each((i, el) => {
      const src = $(el).attr('src');
      if (src && !src.startsWith('http')) {
        $(el).attr('src', `https://example.com${src.startsWith('/') ? src : '/' + src}`);
      }
    });
    $('img[src]').each((i, el) => {
      const src = $(el).attr('src');
      if (src && !src.startsWith('http')) {
        $(el).attr('src', `https://example.com${src.startsWith('/') ? src : '/' + src}`);
      }
    });
    // 返回修正后的HTML
    res.send($.html());
  });
});

2. 为静态资源设置代理（需安装http-proxy-middleware）：

const { createProxyMiddleware } = require('http-proxy-middleware');

// 转发目标域名下的CSS资源请求
app.use('/css', createProxyMiddleware({
  target: 'https://example.com',
  changeOrigin: true,
}));
// 转发目标域名下的JS资源请求
app.use('/js', createProxyMiddleware({
  target: 'https://example.com',
  changeOrigin: true,
}));
// 根据目标页面的资源路径，添加对应的代理规则

此方案需处理所有资源类型的路径修正和代理，操作繁琐，无特殊需求建议优先使用方案1。

直接res.redirect无效的原因 #

res.redirect("https://example.com/api")发起的是GET请求，而目标API要求接收POST请求，无法携带所需参数，因此无法返回正确的页面内容。

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