springboot+vue前后端使用pdf.js实现：在线预览保存在sftp 服务器上的 pdf文件，给出具体代码

这个问题涉及到前后端的代码实现，需要分别给出前端和后端的代码示例。

前端实现：

1. 安装 pdf.js 库：可以使用 npm 安装，命令为 `npm install pdfjs-dist --save`

2. 在 Vue 组件中引入 pdf.js 库：

import pdfjsLib from 'pdfjs-dist'

3. 在组件中定义预览 PDF 的方法，代码如下：

previewPdf() {
  // 从服务器获取 PDF 文件的 URL
  const url = 'http://localhost:8080/api/pdf/preview?fileId=1234567890'
  // 创建一个 canvas 用于绘制 PDF
  const canvas = this.$refs.previewCanvas
  // 获取 PDF 渲染上下文
  const context = canvas.getContext('2d')

  // 加载 PDF 文件
  pdfjsLib.getDocument(url).promise.then(pdf => {
    // 获取 PDF 第一页
    pdf.getPage(1).then(page => {
      // 设置 canvas 尺寸与页面大小相同
      const viewport = page.getViewport({scale: 1})
      canvas.width = viewport.width
      canvas.height = viewport.height

      // 渲染 PDF 到 canvas 上
      page.render({
        canvasContext: context,
        viewport: viewport
      })
    })
  })
}

4. 在模板中添加 canvas 和按钮，代码如下：

<template>
  <div>
    <canvas ref="previewCanvas"></canvas>
    <button @click="previewPdf">预览 PDF</button>
  </div>
</template>

后端实现：

1. 使用 Spring Boot 框架实现一个 RESTful API，用于获取 PDF 文件的 URL。代码示例如下：

@RestController
@RequestMapping("/api/pdf")
public class PdfController {
  
  @Autowired
  private SftpService sftpService;

  @GetMapping("/preview")
  public ResponseEntity<Resource> previewPdf(@RequestParam("fileId") String fileId) {
    // 从 SFTP 服务器上下载文件到本地临时目录
    File tempFile = sftpService.download(fileId);

    // 将文件转换为 Spring Resource 对象
    Path path = tempFile.toPath();
    ByteArrayResource resource = null;
    try {
      resource = new ByteArrayResource(Files.readAllBytes(path));
    } catch (IOException e) {
      e.printStackTrace();
    }

    // 返回文件内容和响应头
    HttpHeaders headers = new HttpHeaders();
    headers.add(HttpHeaders.CONTENT_DISPOSITION, "inline; filename=" + tempFile.getName());
    headers.add(HttpHeaders.CONTENT_TYPE, "application/pdf");
    headers.add(HttpHeaders.CONTENT_LENGTH, String.valueOf(tempFile.length()));
    return ResponseEntity.ok()
        .headers(headers)
        .body(resource);
  }
}

2. 在 Spring Boot 应用程序中配置 SFTP 服务器连接信息和文件保存路径，代码示例如下：

@Configuration
public class SftpConfig {

  @Value("${sftp.host}")
  private String host;

  @Value("${sftp.port}")
  private int port;

  @Value("${sftp.username}")
  private String username;

  @Value("${sftp.password}")
  private String password;

  @Value("${sftp.remoteDirectory}")
  private String remoteDirectory;

  @Value("${sftp.localDirectory}")
  private String localDirectory;

  @Bean
  public SftpService sftpService() {
    SftpConfig config = new SftpConfig();
    config.setHost(host);
    config.setPort(port);
    config.setUsername(username);
    config.setPassword(password);
    config.setRemoteDirectory(remoteDirectory);
    config.setLocalDirectory(localDirectory);

    return new SftpServiceImpl(config);
  }

}

3. 实现 SftpService 接口，用于下载 PDF 文件到本地临时目录。代码示例如下：

public interface SftpService {

  File download(String fileId);

}

@Service
public class SftpServiceImpl implements SftpService {

  private final SftpConfig config;

  public SftpServiceImpl(SftpConfig config) {
    this.config = config;
  }

  @Override
  public File download(String fileId) {
    Session session = null;
    ChannelSftp channel = null;
    try {
      JSch jsch = new JSch();
      session = jsch.getSession(config.getUsername(), config.getHost(), config.getPort());
      session.setPassword(config.getPassword());
      session.setConfig("StrictHostKeyChecking", "no");
      session.connect();

      channel = (ChannelSftp) session.openChannel("sftp");
      channel.connect();
      channel.cd(config.getRemoteDirectory());

      // 生成本地临时文件名
      String localFileName = UUID.randomUUID().toString() + ".pdf";
      File localFile = new File(config.getLocalDirectory() + File.separator + localFileName);

      // 下载文件到本地临时目录
      channel.get(fileId, localFile.getAbsolutePath());

      return localFile;
    } catch (JSchException | SftpException e) {
      e.printStackTrace();
    } finally {
      if (channel != null) {
        channel.disconnect();
      }
      if (session != null) {
        session.disconnect();
      }
    }

    return null;
  }
}

需要注意的是，SFTP 服务器的连接信息需要在配置文件中进行配置，例如：

sftp.host=192.168.1.100
sftp.port=22
sftp.username=admin
sftp.password=123456
sftp.remoteDirectory=/pdf
sftp.localDirectory=/tmp