vue请求后端数据axios

在Vue中使用axios请求后端数据的步骤如下：

1. 安装axios

可以使用npm或yarn安装axios，命令如下：

npm install axios --save

或者

yarn add axios

2. 在Vue组件中引入axios

在需要使用axios的Vue组件中，通过import引入axios，并且在组件的methods中定义一个请求函数，如下所示：

import axios from 'axios'

export default {
  name: 'MyComponent',
  data() {
    return {
      responseData: null
    }
  },
  methods: {
    fetchData() {
      axios.get('/api/data')
        .then(response => {
          this.responseData = response.data
        })
        .catch(error => {
          console.log(error)
        })
    }
  }
}

3. 发起请求

在请求函数中，我们使用axios的get、post、put等方法发起请求。在本例中，我们使用get方法请求后端数据，并将获取到的数据赋值给组件的responseData属性。

需要注意的是，在请求时需要提供请求的URL，这里使用的是相对路径`/api/data`，具体的URL需要根据项目实际情况进行调整。

4. 处理响应

在请求完成后，我们可以通过then方法或catch方法处理响应。在本例中，我们将获取到的数据赋值给组件的responseData属性，如果请求失败，则打印出错误信息。

以上就是使用axios请求后端数据的基本步骤，需要注意的是，axios还支持设置请求头、请求参数等更多高级特性，具体使用方法可以参考axios的官方文档。