Axios 또는 Fetch를 사용하여 JavaScript에서 짧은 URL을 긴 URL로 변환하는 방법

짧은 URL을 긴 URL로 변환하는 것은 웹 개발, 특히 리디렉션을 처리할 때 일반적인 작업입니다. 이 기사에서는 JavaScript와 두 가지 인기 라이브러리인 Axios 및 Fetch API를 사용하여 이를 달성하는 방법을 살펴보겠습니다. 단축된 TikTok 링크에서 전체 URL을 검색하는 방법을 보여드리겠습니다.

Axios 사용

Axios는 브라우저와 Node.js를 위한 Promise 기반 HTTP 클라이언트입니다. 다음은 Axios를 사용하여 짧은 URL을 긴 형식으로 변환하는 방법에 대한 간단한 예입니다.

<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()를 사용하여 단축 URL에 대한 GET 요청을 시작합니다.
• 성공하면 응답 개체에 모든 리디렉션 이후의 전체 URL을 보유하는 res.request.res.responseUrl 속성이 포함됩니다.
• 요청 중에 오류가 발생하면 catch 블록에 포착되어 오류 메시지가 기록됩니다.

가져오기 사용

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을 사용하는 것은 정확하지 않을 수 있습니다. 실제 상황에 따라 최종 URL을 얻으려면 res.text()를 사용해야 합니다.)
• Axios와 유사하게 오류는 catch 블록에서 처리됩니다.

결론

Axios와 Fetch는 모두 JavaScript에서 짧은 URL을 긴 URL로 변환하는 쉬운 방법을 제공합니다. Axios는 인터셉터 및 자동 JSON 데이터 변환과 같은 추가 기능을 제공할 수 있지만 Fetch는 최신 브라우저에 내장되어 있으며 기본 요청에 강력합니다. 프로젝트 요구 사항에 따라 URL 리디렉션을 처리하는 방법 중 하나를 선택할 수 있습니다.

위 내용은 Axios 또는 Fetch를 사용하여 JavaScript에서 짧은 URL을 긴 URL로 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!