axios请求拦截器和响应

最新推荐文章于 2025-06-26 17:30:14 发布

Mozzie晓风残月

最新推荐文章于 2025-06-26 17:30:14 发布

阅读量3.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：网络通信

本文链接：https://blog.youkuaiyun.com/weixin_42265852/article/details/88651411

网络通信专栏收录该内容

7 篇文章

订阅专栏

博客围绕Axios展开，重点介绍了其拦截器和响应相关内容。Axios拦截器可在请求或响应被处理前进行拦截操作，响应则包含了请求返回的各种信息，这些对于前端开发中处理网络请求至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//添加请求拦截器
axios.interceptors.request.use（function（config）{
     //在发送请求之前做某事
     return config;
   }，function（error）{
     //请求错误时做些事
     return Promise.reject（error）;
   }）;
 
//添加响应拦截器
axios.interceptors.response.use（function（response）{
     //对响应数据做些事
     return response;
   }，function（error）{
     //请求错误时做些事
     return Promise.reject（error）;
   }）;

如果你以后可能需要删除拦截器。

var myInterceptor = axios.interceptors.request.use(function () {/*...*/});
axios.interceptors.request.eject(myInterceptor);

全局axios默认值

axios.defaults.baseURL = 'https://api.example.com';
axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';