axios在vue中的使用

// 在 Vue 项目中使用 axios 的示例

// 首先需要安装 axios，可以通过 npm 或 yarn 安装
// npm install axios
// 或者
// yarn add axios

// 然后在你的 Vue 组件或 main.js 中引入 axios
import axios from 'axios';

// 创建一个 Vue 实例
new Vue({
  el: '#app',
  data() {
    return {
      info: null,
    };
  },
  mounted() {
    // 使用 axios 发送 GET 请求
    axios.get('https://api.example.com/data')
      .then(response => {
        // 请求成功时处理响应数据
        this.info = response.data;
      })
      .catch(error => {
        // 请求失败时处理错误
        console.error('There was an error fetching the data!', error);
      });
  }
});

// 如果你需要发送 POST 请求，可以这样做：
axios.post('https://api.example.com/submit', {
  firstName: 'John',
  lastName: 'Doe'
})
.then(response => {
  console.log('Data submitted successfully:', response.data);
})
.catch(error => {
  console.error('There was an error submitting the data!', error);
});

// 你还可以设置全局的 axios 默认配置
axios.defaults.baseURL = 'https://api.example.com';
axios.defaults.headers.common['Authorization'] = 'Bearer YOUR_ACCESS_TOKEN';
axios.defaults.headers.post['Content-Type'] = 'application/json';

// 这样你就可以简化请求代码：
axios.get('/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

// 以上是 axios 在 Vue 中的基本用法，你可以根据需要进行扩展和修改。