如何在 javascript 前端使用 async await 从 async await node.js 后端接收数据

Question

为了避免跨源问题，我有一个前端 javascript 查询后端 node.js 服务器，它从不同来源的 api 获取数据：

const API_URL = [SOME_OTHER_SERVER];
const API_TIMEOUT = 1000;
const API_TOKEN = [SOME_TOKEN]
const app = express();
const PORT = 3001;
app.use(cors());

app.get('/getBackendData', async(req, res)=> {
  try {
    const response = await axios.get(API_URL,{
      timeout: API_TIMEOUT,
      headers: {
        'Authorization': `Token ${API_TOKEN}`,
        'Access-Control-Allow-Origin': '*'
      }
    });
    console.log(response.data.data); //this works to retrieve and log the data
    return response.data.data; //I want this to return the data to the front end
  } catch (error) {
    console.error(error);
    return error;
  }
});

app.listen(PORT, function() {
  console.log('backend listening on port %s.', PORT);
});

在前端，我正在查询我的 node.js 后端：

const BACKEND_API_URL = 'http://localhost:3001/getBackendData';

async function getData() 
{
  let response = await fetch(BACKEND_API_URL, {
    headers: {
      'Access-Control-Allow-Origin': '*',
      'Content-Type': 'application/json',
    }
  });
  let data = await response;
  return data;
}

getData()
  .then(data => console.log(data));  //does not log the data from the backend

我做错了什么，无法从前端的 node.js 后端获得响应？

Answer 1

您不能在快速路线中使用return 。 使用这样的res对象： res.send(response.data.data)

见： https : //expressjs.com/pt-br/api.html#res