如何等待来自另一个组件的http请求完成？

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 设置回调函数
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求完成并且成功返回数据
    var response = xhr.responseText;
    // 处理返回的数据
    console.log(response);
  }
};

// 发送HTTP请求
xhr.open('GET', 'http://example.com/api/data', true);
xhr.send();

// 导入所需的模块
const express = require('express');
const axios = require('axios');

// 创建Express应用
const app = express();

// 定义路由
app.get('/api/data', async (req, res) => {
  try {
    // 发送HTTP请求并等待响应
    const response = await axios.get('http://example.com/api/data');
    // 处理返回的数据
    res.json(response.data);
  } catch (error) {
    // 处理错误
    res.status(500).json({ error: 'Internal Server Error' });
  }
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});