request-cancellation

Sohu Tech Products

Nov 17, 2022 · Frontend Development

A Comprehensive Guide to Building a Flexible Axios Wrapper with Interceptors, Request Cancellation, and TypeScript in Vue3

This article demonstrates how to create a reusable Axios wrapper for Vue3 projects, covering basic class‑based encapsulation, flexible global and instance interceptors, custom request configuration types, request cancellation management, and practical testing examples, all written in TypeScript.

AxiosInterceptorsTypeScript

0 likes · 13 min read

A Comprehensive Guide to Building a Flexible Axios Wrapper with Interceptors, Request Cancellation, and TypeScript in Vue3

DeWu Technology

Sep 24, 2021 · Frontend Development

Canceling Duplicate HTTP Requests in Front-End Development

The article explains how front‑end developers can prevent duplicate or stale HTTP calls by identifying identical requests with a unique key, then canceling them using Axios’s CancelToken or Fetch’s AbortController—integrated via React hooks, Axios interceptors, and route‑change cleanup.

AxiosJavaScriptfetch

0 likes · 10 min read

Canceling Duplicate HTTP Requests in Front-End Development

Beike Product & Technology

Jun 14, 2019 · Frontend Development

Understanding Axios CancelToken Mechanism and Solving Data Mixing When Rapidly Switching Vue H5 Routes

This article analyzes a bug where rapid route switching in a Vue H5 project caused data from different routes to mix, explains how Axios CancelToken works, shows the implementation of request cancellation via interceptors, and discusses deeper insights and further possibilities for frontend developers.

AxiosCancelTokenInterceptor

0 likes · 11 min read

Understanding Axios CancelToken Mechanism and Solving Data Mixing When Rapidly Switching Vue H5 Routes