如何在另一個 axios 請求的響應下發出 axios 請求

Question

// 這個請求負責獲取我將做 web 報廢的頁面的 URL

axios.post("https://async.scraperapi.com/jobs", {
   apiKey: KEY,
   url: URL,
}).then(data => {
     getThePrice(data.data.statusUrl);
 });

//這個請求負責為我之前請求得到的URL做web抓取

function getThePrice(scrapedURL) {
   axios.get(scrapedURL).then(data => console.log(data));
}

問題是，第二個請求在第一個請求結束之前被調用所以我沒有得到我期望的結果我嘗試通過首先獲取鏈接然后應用第二個請求來分別執行兩個請求並且它有效但現在我需要一起做

Answer 1

不確定 API 本身或網絡連接是否有問題，但這就是我使用異步等待的方式。 使用 try catch 語句捕獲錯誤也很有幫助，因此您可以更好地理解它。

  const handleRequests = async () => {
try {
  const { data } = await axios.post('https://async.scraperapi.com/jobs', {
    apiKey: KEY,
    url: URL,
  })
  const { data: secondReqData } = await axios.get(data?.statusUrl)
  console.log(secondReqData)
} catch (e) {
  console.log(e)
}

}