javascript - 如何同时调用两个不同的 REST api 端点并在我的应用程序的一个端点上显示来自这两个端点的数据？

Question

我正在使用 The Movie Database 为我的投资组合构建一个简单的应用程序接口(interface)。在我的 GET/movie 路由中，我想获取并显示有关电影的数据，以及 Actor 的姓名和照片，但是电影数据和 Actor 数据属于 api 的两个独立端点，我完全不知道如何在我的应用程序的单个端点下访问两个响应数据集。

我无法在/movie 路由下的两个端点上调用 axios.get()，因为我会收到“ header 已发送”错误，并且我尝试编写一个函数，该函数对 1 个端点使用 axios.get 返回响应并在我的 GET/movie 路由中被调用，但这会导致整个 GET 路由返回未定义。

这是我当前的/movie 路由代码，它不正确，但很准确地表达了我想要完成的目标

const express = require('express');
const router = express.Router();
const axios = require('axios');
const api_key = require('../config/keys').api_key;
const imgURL = "http://image.tmdb.org/t/p/";
const dateFormat = require('../config/dateFormat');

getActors = movie_id => {
    axios.get(`https://api.themoviedb.org/3/movie/${movie_id}/credits?api_key=${api_key}&language=en-US`)
        .then(res => { 
            return res.data;
         }).catch(err => console.log(err.message));
}

router.get('/:id', (req, res) => {
    const id = req.params.id
    axios.get(`https://api.themoviedb.org/3/movie/${id}?api_key=${api_key}&language=en-US`)
        .then(res => {
            const movieData = res.data;
            const actors = getActors(id); //calling above function here, but returns undefined and hangs the application
            res.render('movie', {movieInfo: movieData, imgURL: imgURL, releaseDate: dateFormat(movieData.release_date), actors: actors})
        })
        .catch(err => console.log(err.status_message))
});

module.exports = router;

非常感谢任何帮助。

Answer 1

您可以使用 axios.all 连接多个 promise 并并行执行它们。然后，一旦所有添加的请求都完成，您就可以使用 then promise 处理所有请求的结果。例如，在您的代码中:

const express = require('express');
const router = express.Router();
const axios = require('axios');
const api_key = require('../config/keys').api_key;
const imgURL = "http://image.tmdb.org/t/p/";
const dateFormat = require('../config/dateFormat');

axios.all([
    axios.get(`https://api.themoviedb.org/3/movie/${movie_id}/credits?api_key=${api_key}&language=en-US`),
    axios.get(`https://api.themoviedb.org/3/movie/${id}?api_key=${api_key}&language=en-US`)
  ])
  .then(axios.spread((actorsRes, moviesRes) => {
    // Your logic with each response
  });

module.exports = router;