developer-web-nodejs-api-middleware

What problem does it solve?

This skill defines consistent HTTP/API integration patterns for Vue.js frontend applications running on a Node.js runtime, covering centralized HTTP clients, authentication and error interceptors, and safe request cancellation.

Core Features & Use Cases

• Centralized Axios client configuration (baseURL, headers) with request and response interceptors for authentication and error handling.
• Reusable composable strategy (e.g., useApi()) to manage loading, data, and error state across components.
• Safe request cancellation using AbortController to prevent memory leaks when components unmount or navigations occur.
• Guidance for integrating NodeJS-based tooling and runtime scripts to support API interactions.

Quick Start

Create a centralized Axios client with interceptors and implement a useApi() composable to manage data, loading, and error states across Vue components.