使用vue2.0下载AWS S3数据

1：首先，确保已安装AWS SDK for JavaScript。

npm install aws-sdk

2：工具类

<template>
  <div>
    <button @click="downloadImage">下载图片</button>
  </div>
</template>

<script>
import AWS from 'aws-sdk';

export default {
  methods: {
    downloadImage() {
      // 配置AWS SDK
      AWS.config.update({
        accessKeyId: 'YOUR_ACCESS_KEY_ID',
        secretAccessKey: 'YOUR_SECRET_ACCESS_KEY',
        region: 'YOUR_AWS_REGION'
      });

      const s3 = new AWS.S3();

      const bucketName = 'YOUR_BUCKET_NAME';
      const key = 'YOUR_IMAGE_KEY.jpg'; // 图片的键（key）

      // 创建下载链接
      const params = {
        Bucket: bucketName,
        Key: key
      };

      s3.getSignedUrl('getObject', params, (err, url) => {
        if (err) {
          console.error('无法生成签名URL：', err);
        } else {
          // 使用生成的URL下载图片
          window.open(url);
        }
      });
    }
  }
};
</script>

• YOUR_ACCESS_KEY_ID：你的AWS访问密钥ID。
• YOUR_SECRET_ACCESS_KEY：你的AWS访问密钥。
• YOUR_AWS_REGION：你的AWS区域（例如，'us-east-1'）。
• YOUR_BUCKET_NAME：你的S3存储桶名称。
• YOUR_IMAGE_KEY.jpg：要下载的图片在S3存储桶中的键（key）。