vue axios post

好的，关于Vue中使用Axios进行POST请求的示例代码如下所示：

<template>
  <div>
    <form @submit.prevent="submitForm">
      <label for="username">Username:</label>
      <input type="text" id="username" name="username" v-model="form.username">
      <label for="password">Password:</label>
      <input type="password" id="password" name="password" v-model="form.password">
      <button type="submit">Submit</button>
    </form>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      form: {
        username: '',
        password: ''
      }
    };
  },
  methods: {
    submitForm() {
      const params = new URLSearchParams();
      params.append('username', this.form.username);
      params.append('password', this.form.password);

      axios.post('/api/login', params)
        .then(response => {
          console.log(response.data);
        })
        .catch(error => {
          console.log(error);
        });
    }
  }
};
</script>

这是一个基本的表单，当用户点击“提交”按钮时，会将输入的用户名和密码作为参数发送到服务器的/api/login路由上。在这个示例中，我们使用了Axios来发送POST请求，并且使用了URLSearchParams对象来将参数转换成URL查询字符串格式。最后，我们可以在响应中使用then方法来处理服务器返回的数据，或者在catch方法中处理错误。