vue 拦截请求，添加请求头

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

原创最新推荐文章于 2025-06-26 17:30:14 发布 · 5.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue

vue 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用 Vue.js 的 HTTP 拦截器来在请求发送前后执行特定的逻辑处理，例如添加 token 到请求头中。通过这种方式可以统一处理 API 调用前的数据格式化及调用后的响应数据。

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

Vue.http.interceptors.push((request, next) => {
      // ...
      // 请求发送前的处理逻辑
      if(token) {
          request.beforeSend = function() {
              request.headers['token'] = token.token;
          }
      }
  next((response) => {
      // ...
      // 请求发送后的处理逻辑
      // ...
      // 根据请求的状态，response参数会返回给successCallback或errorCallback
      return response
  })