vue axios

// 引入 axios 库
import axios from 'axios';

// 创建一个 axios 实例，可以在这里设置默认配置
const instance = axios.create({
  baseURL: 'https://api.example.com', // API 的基础 URL
  timeout: 5000, // 请求超时时间
});

// 发起 GET 请求示例
instance.get('/data')
  .then(response => {
    console.log('成功获取数据:', response.data);
  })
  .catch(error => {
    console.error('请求失败:', error);
  });

// 发起 POST 请求示例
instance.post('/submit', {
  name: 'Vue',
  version: '3.0'
})
  .then(response => {
    console.log('提交成功:', response.data);
  })
  .catch(error => {
    console.error('提交失败:', error);
  });

// 在 Vue 组件中使用 axios 示例
export default {
  data() {
    return {
      info: null,
    };
  },
  mounted() {
    // 组件挂载后发起请求
    axios
      .get('https://api.example.com/data')
      .then(response => (this.info = response.data))
      .catch(error => console.error('请求失败:', error));
  },
};

解释说明：

1. 引入 Axios：首先通过 import axios from 'axios'; 引入了 Axios 库。
2. 创建 Axios 实例：使用 axios.create() 创建了一个自定义的 Axios 实例，并设置了默认的基础 URL 和超时时间。
3. GET 请求：通过 instance.get() 方法发起 GET 请求，获取数据并在成功或失败时处理响应。
4. POST 请求：通过 instance.post() 方法发起 POST 请求，发送数据并在成功或失败时处理响应。
5. 在 Vue 组件中使用：展示了如何在 Vue 组件的 mounted 生命周期钩子中使用 Axios 发起请求，并将返回的数据绑定到组件的状态中。

希望这段代码和解释对你有帮助！