vue cli3 项目中如何使用axios发送post请求

以下是使用 Axios 在 Vue CLI3 项目中发送 POST 请求的攻略步骤。

步骤一：安装 Axios

使用命令行工具进入 Vue CLI3 项目的根目录，然后运行以下命令，安装 Axios：

npm install axios --save

步骤二：在 Vue 项目中使用 Axios

在 Vue 项目需要发送 POST 请求的组件中，引入 Axios 和 Vue：

import axios from 'axios'; 
import Vue from 'vue';

并且，可以使用 Vue.prototype 将 Axios 挂载到 Vue 实例中，方便在其他组件中使用：

Vue.prototype.$axios = axios;

现在，我们可以使用 Axios 发送 POST 请求了。

步骤三：发送 POST 请求

以下是使用 Axios 发送 POST 请求的示例代码：

this.$axios.post('/api/user', {
    name: 'Jack',
    age: 26,
})
.then(response => {
    console.log(response);
})
.catch(error => {
    console.log(error);
});

在上面的代码中，我们使用的是 Vue 实例中已经挂载好的 Axios 实例，并且我们发送了一个 POST 请求到 /api/user 接口，并且传递了一个包含 name 和 age 的对象作为请求体。请求成功后，我们打印出了响应体，请求失败后，我们打印出了错误信息。

另一个示例代码：

this.$axios({
    method: 'post',
    url: '/api/user',
    data: {
        name: 'Mike',
        age: 30,
    },
})
.then(response => {
    console.log(response);
})
.catch(error => {
    console.log(error);
});

在这个示例代码中，我们使用的是 Axios 提供的对象式参数，并且对各个参数进行了详细的配置，请求成功后打印出响应体，请求失败后打印出错误信息。

以上就是使用 Axios 在 Vue CLI3 项目中发送 POST 请求的完整攻略，希望能够帮助到你。