vue3 axios post请求

在Vue3中使用axios进行POST请求的示例代码如下：

import axios from 'axios';

// 发送POST请求
axios.post('/api/post', {
  data: 'example data'
})
  .then(response => {
    console.log(response.data); // 成功的响应数据
  })
  .catch(error => {
    console.log(error.response.data); // 错误信息
  });

在上述代码中，我们首先导入axios库，然后使用`axios.post`方法发送POST请求。在第一个参数中，我们传递了请求的URL，例如`/api/post`。在第二个参数中，我们传递了要发送的数据，这里是一个JavaScript对象，例如`{ data: 'example data' }`。如果需要发送请求头信息，可以在第三个参数的配置对象中设置`headers`属性。

在`axios.post`方法返回的promise中，成功的响应数据保存在`response.data`中，错误信息保存在`error.response.data`中。

相关问题

vue3axios发送请求

在Vue3中使用axios发送请求，需要先安装axios:

npm install axios --save

然后在组件中引入axios:

import axios from 'axios'

接下来可以在组件中使用axios发送请求，例如：

axios.get('https://www.example.com/api/data')
  .then(response => {
    console.log(response.data)
  })
  .catch(error => {
    console.log(error)
  })

如果需要在请求中传递参数，可以在get方法中添加参数对象：

axios.get('https://www.example.com/api/data', {
    params: {
        id: 123,
        name: 'John'
    }
})
  .then(response => {
    console.log(response.data)
  })
  .catch(error => {
    console.log(error)
  })

如果是post请求，需要在请求中添加请求体：

axios.post('https://www.example.com/api/data', {
    id: 123,
    name: 'John'
})
  .then(response => {
    console.log(response.data)
  })
  .catch(error => {
    console.log(error)
  })

以上就是在Vue3中使用axios发送请求的基本步骤。

vue3 axios封装请求

您好，以下是一个简单的 Vue3 Axios 封装请求的示例代码：

import axios from 'axios'

const instance = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 10000,
  headers: {
    'Content-Type': 'application/json'
  }
})

export const get = (url, params) => {
  return instance.get(url, { params })
}

export const post = (url, data) => {
  return instance.post(url, data)
}

您可以使用 `get` 和 `post` 方法来发送 GET 和 POST 请求，例如：

import { get, post } from './api'

get('/users', { page: 1 }).then(response => {
  console.log(response.data)
})

post('/login', { username: 'admin', password: '123456' }).then(response => {
  console.log(response.data)
})

希望对您有所帮助！