vue headers加在拦截中

在Vue中，可以使用axios库来发送HTTP请求并添加请求头。在axios拦截器中可以处理请求和响应，以便为请求添加自定义头部。以下是一个示例：

import axios from 'axios'

// 在请求发送前拦截添加headers
axios.interceptors.request.use(
  config => {
    config.headers.Authorization = 'Bearer ' + localStorage.getItem('token')
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 在响应拦截中处理错误
axios.interceptors.response.use(
  response => {
    return response
  },
  error => {
    if (error.response.status === 401) {
      // 处理未授权错误
    } else {
      // 处理其他错误
    }
    return Promise.reject(error)
  }
)

在这个例子中，我们使用`axios.interceptors.request.use`方法来拦截请求并添加自定义头部。在这个例子中，我们添加了一个`Authorization`头部，该头部包含存储在本地存储中的令牌。如果需要，您可以添加其他自定义头部。

在响应拦截器中，我们处理响应错误。在这个例子中，我们检查响应状态是否为401，如果是，则处理未授权错误。如果是其他错误，则处理它们。