vue怎么区别使用请求头

在Vue中，可以通过以下两种方式区别使用请求头：

1. 在axios中设置请求头：

可以在发送请求时通过配置axios的headers选项来设置请求头，例如：

import axios from 'axios';

axios.defaults.headers.common['Authorization'] = 'Bearer ' + token;

其中，Authorization是请求头的名称，Bearer是请求头的值的前缀，token是请求头的值。这样，在每次发送请求时，都会自动带上Authorization请求头。

2. 在Vue中使用拦截器：

Vue提供了axios的拦截器（interceptors）功能，可以在发送请求之前或之后对请求进行拦截和处理。可以通过设置拦截器来区别使用请求头，例如：

import axios from 'axios';

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  if (config.url === '/api/login') {
    config.headers = {
      'Content-Type': 'application/x-www-form-urlencoded'
    }
  } else {
    config.headers = {
      'Authorization': 'Bearer ' + token
    }
  }
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

在上面的例子中，对于发送到'/api/login'的请求，设置请求头的Content-Type为application/x-www-form-urlencoded；对于其他请求，设置请求头的Authorization为Bearer加上token的值。这样，就可以根据请求的不同来区别使用请求头。