前后端分离项目，后端spring boot 前端vue 使用nginx做代理 现在有个问题是如果部署到一台服务器上 后端生成二维码 前端展示二维码图片 用户用手机扫描二维码 则跳转到一个新的页面 其中页面中的数据是扫码 扫出来的 数据 这个问题怎么做

在前后端分离项目中，处理前端展示二维码并接收扫描结果通常需要以下步骤：

1. **后端生成二维码**：
- 使用Spring Boot服务，可以利用Springfox、JQWebinar等库生成静态二维码图片，将需要扫描的数据（例如用户ID、订单号等）编码成URL或其他适合的形式。

// 示例代码片段
String qrCodeData = "http://yourapp.com/scanned?data=" + userId; // 二维码数据，包含跳转地址及参数
QrcodeGenerator.generateImage(qrCodeData, "/path/to/save/qr_code.png");

2. **前端展示二维码**：
- 前端用Vue.js加载这个二维码图片，当用户扫描时，会触发前端事件监听，如`window.location.href`变化。

<img :src="'/api/qrcode?userId=' + userId" alt="QR Code" @load="handleScanResult">

3. **前端处理扫描结果**：
- 在Vue组件里，创建一个方法`handleScanResult()`，当二维码图片加载完成，通过浏览器的`history` API检测用户是否通过二维码访问了新页面。

methods: {
  handleScanResult() {
    const currentUrl = window.location.href;
    if (currentUrl.includes("scanned")) { // 检查是否有特定的扫描后路径
      const dataFromUrl = currentUrl.split("?")[1]; // 提取查询字符串参数
      this.scannedData = decodeURIComponent(dataFromUrl); // 解码获取实际数据
      // ...然后在这里处理扫码后的业务逻辑，比如更新状态或发送请求获取详细信息
    }
  }
}

4. **用户扫码后的跳转**：
- 当二维码链接被扫描时，用户会被直接带到新页面，该页面可以进一步解析传入的参数，并显示相应的数据。