So konvertieren Sie kurze URLs in lange URLs in JavaScript mit Axios oder Fetch

Das Konvertieren kurzer URLs in lange URLs ist eine häufige Aufgabe in der Webentwicklung, insbesondere wenn es um Weiterleitungen geht. In diesem Artikel erfahren Sie, wie Sie dies mithilfe von JavaScript und zwei beliebten Bibliotheken, Axios und der Fetch-API, erreichen können. Wir zeigen Ihnen, wie Sie die vollständige URL aus einem verkürzten TikTok-Link abrufen.

Axios verwenden

Axios ist ein Promise-basierter HTTP-Client für Browser und Node.js. Nachfolgend finden Sie ein einfaches Beispiel dafür, wie Sie mit Axios eine kurze URL in ein langes Format konvertieren.

<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>

// Vollständige URL von Axios erhalten: https://www.php.cn/link/99ec8b626a47132c52969dd081cdd808

Anleitung:

• Wir verwenden axios(), um eine GET-Anfrage für die Kurz-URL zu initiieren.
• Bei Erfolg enthält das Antwortobjekt eine Eigenschaft res.request.res.responseUrl, die die vollständige URL nach etwaigen Weiterleitungen enthält.
• Wenn während der Anfrage ein Fehler auftritt, wird dieser im Catch-Block abgefangen und wir protokollieren die Fehlermeldung.

Verwenden Sie Fetch

Die Fetch-API bietet eine modernere Möglichkeit, Netzwerkanfragen zu stellen. So erzielen Sie dieselben Ergebnisse:

<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>

// Vollständige URL, erhalten durch Fetch: https://www.php.cn/link/99ec8b626a47132c52969dd081cdd808

Anleitung:

• Die Funktion fetch() initiiert eine Anfrage an die angegebene URL.
• Die res.url-Eigenschaft enthält die endgültige URL nach etwaigen Weiterleitungen. (Hinweis: Die Verwendung von res.url in der ursprünglichen Antwort ist möglicherweise nicht korrekt. Abhängig von der tatsächlichen Situation sollte res.text() verwendet werden, um die endgültige URL zu erhalten)
• Ähnlich wie bei Axios werden Fehler in Catch-Blöcken behandelt.

Fazit

Axios und Fetch bieten beide einfache Möglichkeiten, kurze URLs in lange URLs in JavaScript umzuwandeln. Während Axios möglicherweise zusätzliche Funktionen wie Interceptors und automatische JSON-Datenkonvertierung bietet, ist Fetch in moderne Browser integriert und für grundlegende Anforderungen leistungsstark. Abhängig von den Anforderungen Ihres Projekts können Sie eine der beiden Methoden für die Verarbeitung von URL-Weiterleitungen wählen.

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie kurze URLs in lange URLs in JavaScript mit Axios oder Fetch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!