Node.js Express服务端内部调用外部REST API解决CORS及返回结果问题

我来帮你搞定这个问题！你的代码目前无法返回结果主要有两个核心问题：没有把外部API的响应返回给前端客户端，以及axios的PUT请求写法不正确。下面是具体的修正方案：

问题分析 #

1. 你只在控制台打印了外部API的结果，但从未通过res对象把数据发送回发起请求的前端，导致前端一直等待响应直到超时。
2. axios的PUT请求参数顺序错误，正确的调用格式应该是axios.put(url, 请求体数据)，而不是你原来的参数排列方式。

修正后的代码（Promise链式调用版本） #

const express = require('express');
const axios = require('axios');
const server = express();

server.put('/callme', (req, res) => {
  // 修正axios PUT请求的正确写法
  axios.put('http://weather.com/restapi', { zip: 10530 })
    .then((resp) => {
      console.log('success: ', resp.data);
      // 将外部API的结果返回给前端客户端
      res.json(resp.data);
    })
    .catch(function(error) {
      console.log(error.message);
      // 发生错误时，返回错误信息并设置500状态码
      res.status(500).json({ error: error.message });
    });
});

更简洁的Async/Await版本 #

如果你觉得Promise链式调用不够直观，也可以用async/await语法让代码更易读：

const express = require('express');
const axios = require('axios');
const server = express();

// 使用async标记请求处理函数
server.put('/callme', async (req, res) => {
  try {
    // 用await等待axios请求完成
    const resp = await axios.put('http://weather.com/restapi', { zip: 10530 });
    console.log('success: ', resp.data);
    // 返回结果给前端
    res.json(resp.data);
  } catch (error) {
    console.log(error.message);
    // 返回错误响应
    res.status(500).json({ error: error.message });
  }
});

关键修改点说明 #

• 返回响应给前端：必须调用res.json()或res.send()来把数据发送回客户端，这是你原来代码缺失的核心步骤。
• 修正axios请求格式：axios的PUT方法第一个参数是URL，第二个是请求体数据，确保参数顺序正确才能成功发起请求。
• 错误响应处理：在catch块中返回错误信息，让前端能明确知道请求失败的原因，而不是无响应。

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