springboor+vue跳转预览存在sftp服务器中的pdf，请详细说明用法，包括跳转页面

首先，需要确保你已经搭建好了Spring Boot后端和Vue前端，还需要连接到SFTP服务器。可以使用Java的JSch库或者Spring Integration SFTP来实现连接。

接下来，在Spring Boot后端中，可以使用PDF.js来渲染PDF文件。你可以使用以下代码来实现预览：

@GetMapping("/pdf/{fileName:.+}")
public ResponseEntity<byte[]> previewPdf(@PathVariable String fileName) throws IOException {
    String filePath = "/path/to/pdf/" + fileName;
    try (InputStream inputStream = sftpClient.read(filePath)) {
        byte[] bytes = IOUtils.toByteArray(inputStream);
        HttpHeaders headers = new HttpHeaders();
        headers.setContentType(MediaType.APPLICATION_PDF);
        return new ResponseEntity<>(bytes, headers, HttpStatus.OK);
    } catch (SftpException e) {
        throw new RuntimeException("Failed to read file from SFTP server: " + filePath, e);
    }
}

这段代码会根据`fileName`参数从SFTP服务器中读取PDF文件，并将其作为字节数组返回给前端。使用`ResponseEntity`类可以设置HTTP响应头，以便浏览器正确识别并渲染PDF文件。

接下来，在Vue前端中，可以使用`<object>`标签来渲染PDF文件。你可以使用以下代码来实现跳转和预览：

<template>
  <div>
    <button @click="previewPdf">Preview PDF</button>
    <object :data="pdfUrl" type="application/pdf" width="100%" height="600px"></object>
  </div>
</template>

<script>
export default {
  data() {
    return {
      pdfUrl: ""
    };
  },
  methods: {
    previewPdf() {
      const fileName = "example.pdf"; // 替换为实际的文件名
      this.pdfUrl = `/api/pdf/${fileName}`;
    }
  }
};
</script>

这段代码会在页面上显示一个按钮，当用户点击该按钮时，会向后端发起请求获取PDF文件，并将其显示在`<object>`标签中。需要注意的是，这里使用了相对路径`/api/pdf/`来访问后端接口，如果你的后端部署在不同的主机或端口上，需要根据实际情况修改路径。

这样，当用户点击按钮时，就可以预览存在SFTP服务器中的PDF文件了。