vue3+vite怎么调取接口

在 Vue3 和 Vite 中，我们可以使用 `fetch` 或 `axios` 等工具来调用接口。以下是使用 `axios` 的示例代码：

1. 安装 `axios`：

npm install axios

2. 在需要调用接口的组件中引入 `axios`：

import axios from 'axios';

3. 在组件中使用 `axios` 发送请求：

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

其中，`/api/data` 是接口地址，可以根据实际情况修改。

另外，如果需要在开发环境中调用接口，需要在 `vite.config.js` 中配置代理。例如，将 `/api` 路径代理到 `http://localhost:3000`：

export default {
  server: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/, '')
      }
    }
  }
}

这样，在组件中使用 `/api/data` 地址调用接口时，实际上会将请求发送到 `http://localhost:3000/data`。