前端vue 如何把请求发到 后端 的 controller

### 回答1：
前端使用Vue发送请求到后端的Controller的方法主要有两种：使用原生的XMLHttpRequest对象或使用axios库。

1. 使用原生的XMLHttpRequest对象：
在Vue组件中，可以通过创建一个新的XMLHttpRequest对象，并设置相关请求参数和事件处理程序来发送请求到后端的Controller。具体步骤如下：
- 在Vue组件中引入XMLHttpRequest对象：`let xhr = new XMLHttpRequest();`
- 设置请求方法和URL：`xhr.open('GET', '/api/controller', true);`
- 设置请求头（如果有需要）：`xhr.setRequestHeader('Content-type', 'application/json');`
- 设置事件处理程序，包括成功响应和错误处理：`xhr.onload = function() {...}; xhr.onerror = function() {...};`
- 发送请求：`xhr.send();`

2. 使用axios库：
axios是一个流行的HTTP库，它可以简化前端发送请求的过程。使用axios发送请求到后端的Controller，需要先安装axios库（可以使用npm或直接引入CDN链接），然后在Vue组件中按以下步骤使用axios发送请求：
- 引入axios库：`import axios from 'axios';`
- 发送GET请求：

     axios.get('/api/controller')
       .then(function (response) {
         // 成功响应处理
       })
       .catch(function (error) {
         // 错误处理
       });

- 发送POST请求：

     axios.post('/api/controller', {
         data: 'example data'
       })
       .then(function (response) {
         // 成功响应处理
       })
       .catch(function (error) {
         // 错误处理
       });

以上就是前端Vue如何将请求发送到后端Controller的两种方法。无论使用原生的XMLHttpRequest对象还是axios库，都需要指定请求的URL和相关参数，并设置相应的事件处理程序来处理成功响应或错误情况。

### 回答2：
在前端使用Vue发送请求到后端的Controller，可以通过以下步骤实现：

1. 首先，在Vue项目中安装axios，它是一个基于Promise的HTTP客户端，用于发送异步请求。

2. 在Vue组件中引入axios，并创建一个方法用于发送请求。例如：

import axios from 'axios'

export default {
  methods: {
    sendRequest() {
      axios.get('/api/controller')  // 发送GET请求
        .then(response => {
          // 处理响应数据
        })
        .catch(error => {
          // 处理错误
        })
    }
  }
}

这里的`/api/controller`是后端Controller的接口地址。

3. 在后端创建Controller，处理该接口的请求并返回相应的数据。具体实现方式根据后端框架而定，以Node.js为例：

const express = require('express')
const app = express()

app.get('/api/controller', (req, res) => {
  // 处理请求逻辑
  res.send('Hello, Backend!')
})

app.listen(3000, () => {
  console.log('Server started on port 3000...')
})

此代码段中，`/api/controller`是前端发送请求的地址，后端接收到该请求后，返回字符串"Hello, Backend!"。

4. 在Vue组件中调用sendRequest方法，即可发送请求到后端Controller，并获取到响应数据。

以上就是使用Vue将请求发送到后端Controller的基本步骤。需要注意的是，请求地址、请求方式以及请求参数的处理根据实际需求进行相应的修改。