阿里云文件下载springboot + vue

阿里云OSS (Object Storage Service) 提供了一个便捷的方式将存储在云端的数据提供给Spring Boot应用，然后通过前端Vue.js进行文件的下载。以下是基本步骤：

1. **配置Spring Boot**: 使用Spring Cloud Alibaba的OSS客户端（如`spring-cloud-starter-alibaba-nacos-config`），并将OSS相关的配置信息存储在配置中心（例如Nacos），包括Access Key、Secret Key和Bucket名称。

@Configuration
public class AppConfig {
   @Value("${oss.endpoint}")
   private String endpoint;
   @Value("${oss.accessKeyId}")
   private String accessKeyId;
   // ...其他配置
}

2. **创建文件下载服务**:
在Spring Boot服务中，你可以创建一个API，如GET请求，用于从OSS下载文件。这通常涉及到创建`OssClient`实例并使用它来获取文件内容。

@Service
public class FileDownloadService {
    private final OssClient ossClient;

    public FileDownloadService(OssClient ossClient) {
        this.ossClient = ossClient;
    }

    @GetMapping("/download/{filename}")
    public ResponseEntity<InputStreamResource> downloadFile(@PathVariable("filename") String filename) throws Exception {
        ObjectMetadata metadata = new ObjectMetadata();
        InputStream fileContent = ossClient.getObject(new OssObjectRequest(bucketName, filename), metadata);
        return ResponseEntity.ok().contentLength(metadata.getContentLength()).body(new InputStreamResource(fileContent));
    }
}

3. **Vue.js前端部分**:
在Vue组件中，你可以使用axios等库发起HTTP GET请求到你的Spring Boot API来下载文件。处理响应流，并将其转化为可以下载的链接或者直接在页面上显示。

methods: {
    async downloadFile(filename) {
        try {
            const response = await axios.get(`/download/${encodeURIComponent(filename)}`);
            // 下载链接，或者使用blob展示
            const blob = new Blob([response.data], {type: 'application/octet-stream'});
            let url = window.URL.createObjectURL(blob);
            // 或者使用a标签触发下载
            const a = document.createElement('a');
            a.href = url;
            a.download = filename;
            a.click();
            URL.revokeObjectURL(url); // 当完成下载后释放URL
        } catch (error) {
            console.error(error);
        }
    }
}