如何使用 Axios 或 Fetch 在 JavaScript 中将短 URL 转换为长 URL

在网页开发中，尤其是在处理重定向时，将短网址转换为长网址是一项常见的任务。本文将探讨如何使用JavaScript和两个流行的库Axios和Fetch API来实现此目标。我们将演示如何从缩短的TikTok链接中检索完整URL。

使用Axios

Axios是一个基于Promise的HTTP客户端，适用于浏览器和Node.js。下面是一个简单的例子，说明如何使用Axios将短网址转换为长格式。

<code class="language-javascript">axios("https://vt.tiktok.com/ZS6yXCpvq/")
  .then(res => console.log(`Axios获取的完整URL: ${res.request.res.responseUrl}`))
  .catch(err => console.error(err));</code>

// Axios获取的完整URL: https://www.php.cn/link/99ec8b626a47132c52969dd081cdd808

说明：

• 我们使用axios()对短网址发起GET请求。
• 成功后，响应对象包含一个属性res.request.res.responseUrl，该属性保存了跟随任何重定向后的完整URL。
• 如果请求过程中出现错误，则会在catch块中捕获，我们会记录错误消息。

使用Fetch

Fetch API提供了一种更现代化的网络请求方式。以下是如何使用它来获得相同结果：

<code class="language-javascript">fetch("https://vt.tiktok.com/ZS6yXCpvq/")
  .then(res => res.text())
  .then(data => console.log(`Fetch获取的完整URL: ${data}`))
  .catch(err => console.error(err));
</code>

// Fetch获取的完整URL: https://www.php.cn/link/99ec8b626a47132c52969dd081cdd808

说明：

• fetch()函数向指定的URL发起请求。
• res.url属性包含任何重定向后的最终URL。(注：原答案中使用res.url可能不准确，根据实际情况应使用res.text()获取最终URL)
• 与Axios类似，错误在catch块中处理。

结论

Axios和Fetch都提供了在JavaScript中将短网址转换为长网址的简单方法。虽然Axios可能提供拦截器和自动JSON数据转换等附加功能，但Fetch内置于现代浏览器中，对于基本请求来说功能强大。根据您的项目需求，您可以选择任一方法来处理URL重定向。

以上是如何使用 Axios 或 Fetch 在 JavaScript 中将短 URL 转换为长 URL的详细内容。更多信息请关注PHP中文网其他相关文章！