在 Vue 3 中使用 Axios 发送 POST 请求

<template>
  <div>
    <button @click="sendPostRequest">发送POST请求</button>
  </div>
</template>
 
<script>
import axios from 'axios';
 
export default {
  methods: {
    async sendPostRequest() {
      try {
        const response = await axios.post('https://your-api-endpoint.com/post', {
          // 你的请求数据
          key1: 'value1',
          key2: 'value2'
        });
        console.log(response.data); // 处理响应数据
      } catch (error) {
        console.error(error); // 处理错误情况
      }
    }
  }
}
</script>

这段代码展示了如何在 Vue 3 应用中使用 axios 发送一个异步的 POST 请求。按钮点击时触发 sendPostRequest 方法，该方法使用 axios.post 发送请求到指定的 API 端点，并携带请求体中的数据。响应处理使用了 try...catch 结构来处理可能发生的错误。