Cara Menukar URL Pendek kepada URL Panjang dalam JavaScript Menggunakan Axios atau Fetch

Menukar URL pendek kepada URL panjang ialah tugas biasa dalam pembangunan web, terutamanya apabila berurusan dengan ubah hala. Artikel ini akan meneroka cara untuk mencapai ini menggunakan JavaScript dan dua perpustakaan popular, Axios dan API Ambil. Kami akan menunjukkan cara untuk mendapatkan semula URL penuh daripada pautan TikTok yang dipendekkan.

Gunakan Axios

Axios ialah klien HTTP berasaskan Promise untuk penyemak imbas dan Node.js. Di bawah ialah contoh mudah tentang cara menggunakan Axios untuk menukar URL pendek kepada format panjang.

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

// URL lengkap diperoleh oleh Axios: https://www.php.cn/link/99ec8b626a47132c52969dd081cdd808

Arahan:

• Kami menggunakan axios() untuk memulakan permintaan GET untuk URL pendek.
• Apabila berjaya, objek respons mengandungi sifat res.request.res.responseUrl, yang menyimpan URL penuh selepas sebarang ubah hala.
• Jika ralat berlaku semasa permintaan, ia akan ditangkap dalam blok tangkapan dan kami akan log mesej ralat.

Gunakan Ambil

Fetch API menyediakan cara yang lebih moden untuk membuat permintaan rangkaian. Begini cara menggunakannya untuk mendapatkan hasil yang sama:

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

// URL lengkap diperoleh dengan Ambil: https://www.php.cn/link/99ec8b626a47132c52969dd081cdd808

Arahan:

• Fungsi fetch() memulakan permintaan ke URL yang ditentukan.
• Sifat res.url mengandungi URL akhir selepas sebarang ubah hala. (Nota: Penggunaan res.url dalam jawapan asal mungkin tidak tepat. Bergantung pada situasi sebenar, res.text() harus digunakan untuk mendapatkan URL akhir)
• Sama seperti Axios, ralat dikendalikan dalam blok tangkapan.

Kesimpulan

Axios dan Fetch kedua-duanya menyediakan cara mudah untuk menukar URL pendek kepada URL panjang dalam JavaScript. Walaupun Axios mungkin menawarkan ciri tambahan seperti pemintas dan penukaran data JSON automatik, Fetch dibina dalam penyemak imbas moden dan berkuasa untuk permintaan asas. Bergantung pada keperluan projek anda, anda boleh memilih sama ada kaedah untuk mengendalikan ubah hala URL.

Atas ialah kandungan terperinci Cara Menukar URL Pendek kepada URL Panjang dalam JavaScript Menggunakan Axios atau Fetch. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!