Vue如何调用接口请求头增加参数

首先，要在 Vue 中调用接口并增加请求头参数，你需要在 Vue 中安装较为常用的发送 HTTP 请求的插件 axios。

如果你已经安装了 axios，那么在发送请求前，可以通过 axios.interceptors.request.use() 方法对请求进行拦截，再添加自定义的请求头部信息，例如：

import axios from 'axios'

// 添加拦截器，设置 AJAX 请求头信息
axios.interceptors.request.use(
  config => {
    // 发送 token，一般是通过服务端请求获取客户端需要的信息，将 token 设置到请求头，用于验证身份信息
    config.headers.Authorization = `Bearer ${localStorage.getItem('token')}`
    // 返回拦截后的请求信息
    return config
  },
  error => {
    // 处理请求错误信息
    return Promise.reject(error)
  }
)

// 发送 AJAX 请求，如下示例
axios.get('/api/data').then(response => {
  console.log(response.data)  // 打印服务器返回结果
})

在上述示例代码中，通过 axios.interceptors.request.use() 方法拦截请求，并在请求头中增加 Authorization 参数，将 token 发送至服务器用于身份验证。

还可以通过 axios.create() 创建自定义的 axios 实例，并设置其请求头信息，例如：

import axios from 'axios'

const instance = axios.create({
  baseURL: 'http://localhost:8080/',  // 设置基础 URL
  timeout: 1000,  // 设置请求超时时间（单位：毫秒）
  headers: {  // 在请求头中添加自定义信息
    'Authorization': `Bearer ${localStorage.getItem('token')}`,
    'MyCustomHeader': 'Hello World'
  }
})

// 发送 AJAX 请求，如下示例
instance.get('/api/data').then(response => {
  console.log(response.data)  // 打印服务器返回结果
})

上述示例代码中，我们通过 axios.create() 方法创建了一个自定义 axios 实例 instance，并通过 headers 属性添加了请求头信息，包括了 Authorization 和 MyCustomHeader。

总结来说，我们可以通过在 axios.interceptors.request.use() 方法中增加拦截器，或者在 axios.create() 方法中创建自定义 axios 实例，并在其中增加请求头信息的方式，在 Vue 中调用接口请求时，增加参数到请求头。