vue post

// Vue 发送 POST 请求示例

<template>
  <div>
    <button @click="submitForm">提交</button>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      formData: {
        name: 'John Doe',
        email: 'john.doe@example.com'
      }
    };
  },
  methods: {
    async submitForm() {
      try {
        const response = await axios.post('https://example.com/api/submit', this.formData);
        console.log('成功:', response.data);
      } catch (error) {
        console.error('错误:', error);
      }
    }
  }
};
</script>

<style scoped>
/* 样式可以根据需要添加 */
</style>

解释说明：

1. 模板部分 (<template>):

   • 包含一个按钮，点击按钮时会触发 submitForm 方法。

2. 脚本部分 (<script>):

   • 引入了 axios 库来发送 HTTP 请求。
   • 在 data 函数中定义了一个 formData 对象，包含要提交的数据（例如姓名和电子邮件）。
   • methods 中定义了 submitForm 方法，该方法使用 axios.post 发送 POST 请求到指定的 API 端点，并传递 formData 作为请求体。
   • 使用 try...catch 结构来处理请求的成功和失败情况。

3. 样式部分 (<style scoped>):

   • 可以根据需要添加样式，这里暂时为空。