vue2前端同时连接springboot后台与QT后台如何实现

你可以使用axios来连接Vue2前端和Spring Boot后端，使用Qt的QNetworkAccessManager来连接Vue2前端和QT后端。

在Vue2中，你可以使用axios来发送HTTP请求。在Vue项目中，你可以在main.js中配置axios的默认设置，如下所示：

import axios from 'axios'

// 配置axios的默认设置
axios.defaults.baseURL = 'http://localhost:8080'
axios.defaults.headers.common['Authorization'] = 'Bearer ' + localStorage.getItem('token')
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'

// 将axios添加到Vue的原型中
Vue.prototype.$http = axios

在上面的例子中，我们配置了axios的默认URL为http://localhost:8080，设置了授权头和POST请求的内容类型。我们还将axios添加到Vue的原型中，以便在组件中使用。

在组件中使用axios时，你可以发送GET、POST、PUT或DELETE请求，如下所示：

export default {
  data () {
    return {
      users: []
    }
  },
  created () {
    this.$http.get('/users').then(response => {
      this.users = response.data
    })
  },
  methods: {
    addUser () {
      this.$http.post('/users', { name: 'John Doe', age: 30 }).then(response => {
        this.users.push(response.data)
      })
    }
  }
}

在Spring Boot中，你可以使用Spring MVC来处理HTTP请求。你可以创建一个控制器类，在其中添加处理HTTP请求的方法，如下所示：

@RestController
public class UserController {

  @Autowired
  private UserService userService;

  @GetMapping("/users")
  public List<User> getUsers() {
    return userService.getUsers();
  }

  @PostMapping("/users")
  public User addUser(@RequestBody User user) {
    return userService.addUser(user);
  }
}

在上面的例子中，我们使用@RestController注解将UserController类标记为控制器类，使用@Autowired注解将UserService类注入到控制器中。我们添加了两个处理HTTP请求的方法，一个用于获取用户列表，另一个用于添加新用户。

在Qt中，你可以使用QNetworkAccessManager来发送HTTP请求。你可以创建一个QNetworkRequest对象来设置请求的URL和其他参数，然后使用QNetworkAccessManager来发送请求，如下所示：

void MainWindow::getUsers() {
  QNetworkRequest request(QUrl("http://localhost:8080/users"));
  request.setHeader(QNetworkRequest::ContentTypeHeader, "application/json");
  request.setRawHeader("Authorization", "Bearer " + m_token.toUtf8());

  QNetworkReply* reply = m_networkAccessManager.get(request);
  connect(reply, &QNetworkReply::finished, this, &MainWindow::handleGetUsersResponse);
}

void MainWindow::addUser() {
  QNetworkRequest request(QUrl("http://localhost:8080/users"));
  request.setHeader(QNetworkRequest::ContentTypeHeader, "application/json");
  request.setRawHeader("Authorization", "Bearer " + m_token.toUtf8());

  QJsonObject user;
  user["name"] = "John Doe";
  user["age"] = 30;

  QNetworkReply* reply = m_networkAccessManager.post(request, QJsonDocument(user).toJson());
  connect(reply, &QNetworkReply::finished, this, &MainWindow::handleAddUserResponse);
}

void MainWindow::handleGetUsersResponse() {
  QNetworkReply* reply = qobject_cast<QNetworkReply*>(sender());
  QByteArray data = reply->readAll();
  // 处理响应数据
}

void MainWindow::handleAddUserResponse() {
  QNetworkReply* reply = qobject_cast<QNetworkReply*>(sender());
  QByteArray data = reply->readAll();
  // 处理响应数据
}

在上面的例子中，我们创建了两个处理HTTP请求的方法，一个用于获取用户列表，另一个用于添加新用户。我们使用QNetworkRequest对象来设置请求的URL、内容类型和授权头。我们使用QJsonDocument对象来序列化请求数据。我们使用m_networkAccessManager对象来发送请求，并使用connect函数来连接响应槽函数。在响应槽函数中，我们使用QNetworkReply对象来获取响应数据，并进行处理。

总结一下，你可以使用axios来连接Vue2前端和Spring Boot后端，使用QNetworkAccessManager来连接Vue2前端和QT后端。你可以在Vue项目中配置axios的默认设置，并将axios添加到Vue的原型中。你可以在Spring Boot中创建一个控制器类，在其中添加处理HTTP请求的方法。你可以在Qt中使用QNetworkAccessManager来发送HTTP请求，并使用QNetworkReply对象来获取响应数据。