vue使用ajax封装请求头

在Vue.js中，我们可以使用axios库来封装HTTP请求，并自定义请求头。首先需要安装axios，可以使用npm或yarn：

# npm
npm install axios

# yarn
yarn add axios

然后，在Vue组件或者单独的模块文件里，创建一个axios实例并设置请求头，例如设置全局的API Key作为基本认证：

import axios from 'axios';

const instance = axios.create({
  baseURL: '你的API地址', // 如果不是默认的
  headers: {
    Authorization: 'Bearer ' + localStorage.getItem('token') || '', // 使用本地存储的token
    'Content-Type': 'application/json' // 设置默认的请求内容类型
  },
  timeout: 5000 // 请求超时时间，单位是毫秒
});

export default instance;

如果需要针对特定的接口添加额外的头部信息，可以在发送请求的时候动态添加：

instance.get('/api/data', { headers: {'Custom-Key': 'value'} })
  .then(response => console.log(response.data))
  .catch(error => console.error(error));