为vue3 封装一个基于axios的request 请求时header带上X-X-TOKEN

好的，以下是一个基于axios的request请求，在header中带上X-X-TOKEN的Vue3封装示例：

import axios from 'axios';

const instance = axios.create({
  baseURL: 'your-base-url' //设置请求的base url
});

// 添加请求拦截器
instance.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  const token = localStorage.getItem('token'); //假设您的token存储在localStorage中
  if (token) {
    //在header中加入X-X-TOKEN
    config.headers['X-X-TOKEN'] = token;
  }
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

export default {
  // 封装post请求
  post(url, data) {
    return instance({
      method: 'post',
      url,
      data
    });
  },
  // 封装get请求
  get(url, params) {
    return instance({
      method: 'get',
      url,
      params
    });
  }
}

在这个封装中，我们使用了Axios的拦截器功能，在请求发送前对请求的header进行了修改，添加了X-X-TOKEN字段。此外，我们还封装了post和get请求，方便使用。您可以根据实际情况进行修改。