xxxx的个人博客
·
前后端交互的桥梁：Axios
💡
原文中文，约2800字，阅读约需7分钟。
📝
内容提要
Axios 是一个基于 Promise 的网络请求库，广泛用于前后端分离的 Web 开发。它简化了 HTTP 请求，支持请求和响应拦截器，自动处理认证和错误，提高了代码可维护性和用户体验。
🎯
关键要点
- Axios 是一个基于 Promise 的网络请求库，广泛用于前后端分离的 Web 开发。
- Axios 简化了 HTTP 请求，支持请求和响应拦截器，自动处理认证和错误。
- 前端通过 AJAX 技术与后端进行数据交互，Axios 是 Vue 生态中的事实标准库。
- 使用 Axios 时，可以创建一个统一的 Axios 实例以提高代码的可维护性。
- 请求拦截器会在发送请求前检查 localStorage 中的 access_token，并自动添加到 HTTP Header 中。
- 响应拦截器会处理后端返回的 401 Unauthorized 状态，自动清除无效 Token 并跳转到登录页。
- 在前端中，apiClient 是一个隐式的单例模式，确保高效的 HTTP 客户端管理。
➡️
