【vue】利用axios发送请求

在Vue中，您可以使用axios库来发送HTTP请求。以下是一个简单的例子，展示了如何在Vue组件中使用axios发送GET请求：

1. 首先，确保安装axios：

npm install axios

2. 在Vue组件中引入axios并发送请求：

<template>
  <div>
    <h1>用户信息</h1>
    <p>{{ userInfo }}</p>
  </div>
</template>
 
<script>
import axios from 'axios';
 
export default {
  data() {
    return {
      userInfo: null
    };
  },
  created() {
    this.fetchUserInfo();
  },
  methods: {
    fetchUserInfo() {
      axios.get('https://api.example.com/user')
        .then(response => {
          this.userInfo = response.data;
        })
        .catch(error => {
          console.error('请求用户信息出错:', error);
        });
    }
  }
};
</script>

在这个例子中，我们在组件被创建时（created 钩子）通过axios.get发送一个GET请求到https://api.example.com/user，然后在.then中处理响应数据，将其赋值给组件的data属性userInfo，在模板中显示。如果请求失败，会在.catch中打印错误信息。