VUE3 使用axios 请求WEBAPI

在Vue3中，我们可以使用axios来发送HTTP请求。首先，你需要安装axios库：

npm install axios

然后在需要使用axios的组件中引入axios：

import axios from 'axios';

接下来，你可以通过以下方式来使用axios发送请求：

axios.get('/api/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });

上面的代码中，我们使用axios发送一个GET请求到`/api/data` URL。在请求成功后，我们使用response.data来访问响应数据。在请求失败时，我们使用catch方法来处理错误。

你也可以使用其他的HTTP方法，例如POST、PUT、DELETE等。这里是一个使用POST方法发送请求的例子：

axios.post('/api/data', { name: 'John', age: 30 })
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });

在上面的例子中，我们使用axios发送一个POST请求到`/api/data` URL，并且传递了一个包含name和age属性的对象作为请求体。