是否可以让 fetch 等待重定向？

Question

我目前正在从网络扩展中动态抓取网页，并且正在使用以下代码：

let url = "https://lykdat.com/search-result/?image_url=https://anf.scene7.com/is/image/anf/KIC_330-2455-0904-476_prod1?$product-hol-v1$&wid=800&hei=1000";

fetch(url,{redirect: 'follow'}).then(r => r.text()).then(result => {
  console.log(result);
  var el = document.createElement( 'html' );
  el.innerHTML = result;
  // console.log(typeof(tempPage));
  console.log(el);
  tempImgs = el.getElementsByTagName('img');
  console.log(tempImgs);
})

我希望能够更改“image_url=”之后的任何文本，以更改插入网站的图像。不幸的是，我试图从中提取信息的页面是在短暂的加载期之后出现的，因此使用“获取”功能只会从加载屏幕中提取信息，而不是我想要的实际页面。重定向不是即时的，可能需要 3-30 秒之间的任何时间，我想知道是否有任何方法可以强制 fetch 在抓取数据之前等待该重定向。非常感谢您提供的任何帮助报价！

Answer 1

使用await，你需要你的函数是一个异步函数才能工作。

async function YourFunctionName (){
  let url = "https://lykdat.com/search-result/?image_url=https://anf.scene7.com/is/image/anf/KIC_330-2455-0904-476_prod1?$product-hol-v1$&wid=800&hei=1000";

  var promise = await fetch(url,{redirect: 'follow'}).then(r => r.text()).then(result => {
  console.log(result);
  var el = document.createElement( 'html' );
  el.innerHTML = result;
  // console.log(typeof(tempPage));
  console.log(el);
  tempImgs = el.getElementsByTagName('img');
  console.log(tempImgs);
})
}

YourFunctionName();