Maison > interface Web > js tutoriel > Comment convertir des URL courtes en URL longues en JavaScript à l'aide d'Axios ou Fetch

Comment convertir des URL courtes en URL longues en JavaScript à l'aide d'Axios ou Fetch

Linda Hamilton
Libérer: 2025-01-16 20:32:09
original
810 Les gens l'ont consulté

How to Convert Short URLs to Long URLs in JavaScript Using Axios or Fetch

La conversion d'URL courtes en URL longues est une tâche courante dans le développement Web, en particulier lorsqu'il s'agit de redirections. Cet article explique comment y parvenir en utilisant JavaScript et deux bibliothèques populaires, Axios et l'API Fetch. Nous montrerons comment récupérer l'URL complète à partir d'un lien TikTok raccourci.

Utilisez Axios

Axios est un client HTTP basé sur Promise pour les navigateurs et Node.js. Vous trouverez ci-dessous un exemple simple d'utilisation d'Axios pour convertir une URL courte en un format long.

<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>
Copier après la connexion

// URL complète obtenue par Axios : https://www.php.cn/link/99ec8b626a47132c52969dd081cdd808

Instructions :

  • Nous utilisons axios() pour lancer une requête GET pour l'URL courte.
  • En cas de succès, l'objet de réponse contient une propriété res.request.res.responseUrl, qui contient l'URL complète après toute redirection.
  • Si une erreur se produit lors de la requête, elle sera détectée dans le bloc catch et nous enregistrerons le message d'erreur.

Utiliser Récupérer

L'API Fetch offre un moyen plus moderne d'effectuer des requêtes réseau. Voici comment l'utiliser pour obtenir les mêmes résultats :

<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>
Copier après la connexion

// URL complète obtenue par Fetch : https://www.php.cn/link/99ec8b626a47132c52969dd081cdd808

Instructions :

  • La fonction fetch() lance une requête vers l'URL spécifiée.
  • La propriété res.url contient l'URL finale après toute redirection. (Remarque : l'utilisation de res.url dans la réponse originale peut ne pas être exacte. Selon la situation réelle, res.text() doit être utilisé pour obtenir l'URL finale)
  • Semblable à Axios, les erreurs sont gérées dans des blocs catch.

Conclusion

Axios et Fetch offrent tous deux des moyens simples de convertir des URL courtes en URL longues en JavaScript. Bien qu'Axios puisse offrir des fonctionnalités supplémentaires telles que des intercepteurs et une conversion automatique des données JSON, Fetch est intégré aux navigateurs modernes et est puissant pour les requêtes de base. En fonction des besoins de votre projet, vous pouvez choisir l'une ou l'autre méthode pour gérer les redirections d'URL.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal