springboot加vue整合oss文件下载

在Spring Boot中与Vue整合并实现OSS文件下载的步骤如下：

1. 在Spring Boot项目中引入阿里云OSS的SDK依赖。可以在pom.xml文件中添加以下依赖：

<dependency>
    <groupId>com.aliyun.oss</groupId>
    <artifactId>aliyun-sdk-oss</artifactId>
    <version>3.13.2</version>
</dependency>

2. 创建一个OSSUtil类，用于连接并操作OSS服务。在该类中，需要配置OSS的访问密钥、Endpoint等信息，并提供下载文件的方法。示例代码如下：

import com.aliyun.oss.OSS;
import com.aliyun.oss.OSSClientBuilder;
import com.aliyun.oss.model.GetObjectRequest;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Component;

import java.io.File;

@Component
public class OSSUtil {

    @Value("${oss.accessKeyId}")
    private String accessKeyId;

    @Value("${oss.accessKeySecret}")
    private String accessKeySecret;

    @Value("${oss.endpoint}")
    private String endpoint;

    @Value("${oss.bucketName}")
    private String bucketName;

    public void downloadFile(String objectName, String localFilePath) {
        OSS ossClient = new OSSClientBuilder().build(endpoint, accessKeyId, accessKeySecret);
        ossClient.getObject(new GetObjectRequest(bucketName, objectName), new File(localFilePath));
        ossClient.shutdown();
    }
}

在以上代码中，accessKeyId和accessKeySecret是你的OSS访问密钥，endpoint是OSS服务的Endpoint，bucketName是存储文件的Bucket名称。

3. 在Controller中定义一个文件下载的接口，并在该接口中调用OSSUtil类的下载文件方法。示例代码如下：

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class FileController {

    @Autowired
    private OSSUtil ossUtil;

    @GetMapping("/download/{objectName}")
    public void downloadFile(@PathVariable String objectName) {
        String localFilePath = "下载文件的本地路径";
        ossUtil.downloadFile(objectName, localFilePath);
    }
}

在以上代码中，"/download/{objectName}"是文件下载的接口路径，objectName是要下载的文件在OSS中的名称，localFilePath是下载文件保存到本地的路径。

4. 在Vue项目中调用Spring Boot提供的文件下载接口。你可以使用axios或其他HTTP请求库发送GET请求，并指定要下载的文件名称。示例代码如下：

downloadFile() {
  const objectName = "要下载的文件名称";
  axios.get(`/download/${objectName}`, { responseType: 'blob' })
    .then(response => {
      const url = window.URL.createObjectURL(new Blob([response.data]));
      const link = document.createElement('a');
      link.href = url;
      link.setAttribute('download', objectName);
      document.body.appendChild(link);
      link.click();
    })
    .catch(error => {
      console.log(error);
    });
}

在以上代码中，objectName是要下载的文件名称，通过GET请求获取文件数据，并创建一个下载链接进行文件下载。

这样，通过以上步骤就可以实现Spring Boot与Vue整合并实现OSS文件下载功能。注意要替换相应的配置信息和路径名称。