如何在Vue.js中使用axios.request(配置)

npm install axios
# 或者
yarn add axios

import axios from 'axios';

const apiClient = axios.create({
  baseURL: 'https://api.example.com', // API的基础URL
  timeout: 1000, // 请求超时时间
  headers: {
    'Content-Type': 'application/json',
    // 其他需要的头部信息
  },
});

export default apiClient;

<template>
  <div>
    <!-- 你的模板代码 -->
  </div>
</template>

<script>
import apiClient from '@/services/apiClient'; // 假设你将axios实例放在了services/apiClient.js文件中

export default {
  name: 'YourComponent',
  data() {
    return {
      // 你的数据属性
    };
  },
  methods: {
    fetchData() {
      apiClient.get('/your-endpoint')
        .then(response => {
          // 处理响应数据
          console.log(response.data);
        })
        .catch(error => {
          // 处理错误情况
          console.error('There was an error!', error);
        });
    }
  },
  mounted() {
    this.fetchData();
  }
};
</script>