vue3请求后端接口写法

在Vue 3中，通常我们会使用`axios`库来请求后端接口。以下是一个简单的例子，展示如何在Vue 3组件中发送HTTP请求：

1. 首先，你需要安装`axios`库，如果你还没有安装，可以通过npm或者yarn来安装：

   npm install axios
   # 或者
   yarn add axios

2. 在你的Vue 3组件中引入`axios`，并创建一个方法来发送请求：

   <script setup>
   import { onMounted } from 'vue';
   import axios from 'axios';

   const fetchBackendData = async () => {
     try {
       const response = await axios.get('http://your-backend-url/api/data');
       console.log(response.data); // 处理获取到的数据
     } catch (error) {
       console.error('请求失败:', error);
     }
   };

   onMounted(() => {
     fetchBackendData();
   });
   </script>

3. 在上面的代码中，`axios.get`是一个异步调用，它会发送一个GET请求到指定的URL。`fetchBackendData`函数在组件挂载时通过`onMounted`钩子调用。