vue2前端同时连接springboot后台与QT后台，springboot后台采用axios,QT后台采用qwebsocket,vue2如何实现

Vue2 可以通过 axios 和 WebSocket 实现与 Spring Boot 后台和 QT 后台的连接。

首先，通过 npm 安装 axios 和 vue-socket.io：

npm install axios vue-socket.io

在 Vue2 的组件中，可以通过以下方式使用 axios：

import axios from 'axios'

export default {
  methods: {
    fetchData() {
      axios.get('/api/data')
        .then(response => {
          console.log(response.data)
        })
        .catch(error => {
          console.log(error)
        })
    }
  }
}

在 Spring Boot 后台中，需要添加 CorsFilter 过滤器，允许跨域请求：

@Component
public class CorsFilter implements Filter {

  @Override
  public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
    HttpServletResponse response = (HttpServletResponse) res;
    HttpServletRequest request = (HttpServletRequest) req;
    response.setHeader("Access-Control-Allow-Origin", "*");
    response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
    response.setHeader("Access-Control-Max-Age", "3600");
    response.setHeader("Access-Control-Allow-Headers", "x-requested-with, authorization");
    if ("OPTIONS".equalsIgnoreCase(request.getMethod())) {
      response.setStatus(HttpServletResponse.SC_OK);
    } else {
      chain.doFilter(req, res);
    }
  }

  @Override
  public void init(FilterConfig filterConfig) {}

  @Override
  public void destroy() {}

}

在 QT 后台中，可以通过以下方式使用 qwebsocket：

#include <QCoreApplication>
#include <QtWebSockets/QWebSocket>

int main(int argc, char *argv[])
{
    QCoreApplication a(argc, argv);

    QWebSocket webSocket;
    webSocket.open(QUrl("ws://localhost:1234"));

    QObject::connect(&webSocket, &QWebSocket::connected, [&webSocket]() {
        webSocket.sendTextMessage("Hello from Qt WebSocket!");
    });

    QObject::connect(&webSocket, &QWebSocket::textMessageReceived, [](const QString& message) {
        qDebug() << "Message received: " << message;
    });

    return a.exec();
}

在 Vue2 中，可以通过 vue-socket.io 实现 WebSocket 连接：

import VueSocketIO from 'vue-socket.io'

Vue.use(new VueSocketIO({
  debug: true,
  connection: 'http://localhost:1234'
}))

然后，在 Vue2 中就可以通过以下方式使用 WebSocket：

export default {
  mounted() {
    this.$socket.on('message', (message) => {
      console.log(message)
    })
  },
  methods: {
    sendMessage() {
      this.$socket.emit('message', 'Hello from Vue Socket.IO!')
    }
  }
}

通过以上方式，Vue2 可以同时连接 Spring Boot 和 QT 后台。