在vue3的setup中直接使用axios请求如何写

在Vue3的setup中使用axios请求可以按照以下步骤进行：

1. 安装axios：在终端中输入`npm install axios`或`yarn add axios`进行安装。

2. 导入axios：在setup函数中导入axios并定义一个变量来存储axios实例。

import axios from 'axios'

export default {
  setup() {
    const axiosInstance = axios.create({
      baseURL: 'https://jsonplaceholder.typicode.com' // 设置基础URL
    })

    return {
      axiosInstance
    }
  }
}

3. 发送请求：在组件中可以直接使用定义的axios实例发送请求。

import { ref } from 'vue'

export default {
  setup({ axiosInstance }) {
    const posts = ref([])

    axiosInstance.get('/posts').then(response => {
      posts.value = response.data
    })

    return {
      posts
    }
  }
}

在上面的例子中，我们定义了一个名为`posts`的响应式变量来存储获取到的数据。我们使用`axiosInstance`实例的`get`方法来发送GET请求，并将响应的数据赋值给`posts`变量。最后，在返回的对象中将`posts`变量暴露给组件。

注意：由于`axiosInstance.get`方法返回的是一个Promise对象，因此我们可以使用`then`方法来处理异步操作，或者使用`async/await`语法糖来简化代码。