vue前端向后端发送数据

在Vue前端向后端发送数据，可以使用axios这个工具库来实现。具体步骤如下：

1. 在Vue项目中安装axios：`npm install axios --save`

2. 在Vue组件中引入axios：`import axios from 'axios'`

3. 在需要向后端发送数据的方法中，使用axios发送请求，例如：

axios.post('/api/user', {
  firstName: 'John',
  lastName: 'Doe'
})
.then(function (response) {
  console.log(response);
})
.catch(function (error) {
  console.log(error);
});

其中，`/api/user` 是后端接口的地址，`{firstName: 'John', lastName: 'Doe'}` 是需要发送的数据。在`then`函数中可以处理后端返回的数据，在`catch`函数中可以处理请求失败时的情况。

4. 如果需要在请求头中添加一些信息，如token等，可以使用axios的拦截器，在请求发送前添加请求头。例如：

axios.interceptors.request.use(
  config => {
    // 在发送请求之前做些什么
    const token = localStorage.getItem('token');
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }
    return config;
  },
  error => {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

在这个例子中，我们在请求头中添加了一个名为`Authorization`的字段，值为从localStorage中获取的token。这样在每次请求时都会带上这个token，方便后端进行身份验证。

以上就是使用axios在Vue前端向后端发送数据的基本步骤。