amazon-web-services - @aws-sdk/client-s3 --> 要求されたリソースに「Access-Control-Allow-Origin」ヘッダーが存在しません

Question

ローカルホストからデジタル オーシャンのスペースにアップロードしようとしています。

このために、npm パッケージを使用します。しかし、以下のエラーが表示されます。エラーが発生しないようにするには、このパッケージにどのコードを追加する必要がありますか?

オリジン「http://localhost:3000」から「https://****.fra1.digitaloceanspaces.com/directory/aaa.txt?x-id=PutObject」で取得するためのアクセスは、CORS ポリシーによってブロックされています。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。不透明な応答が必要な場合は、要求のモードを「no-cors」に設定して、CORS を無効にしてリソースを取得します。

私のコード:

const handleFileUpload = 非同期ファイル => {

const bucketParams = { バケット: "bucketname"、キー: "directory/aaa.txt"、ACL: "public-read"、本文: "xxxxxxxxxxxxxx"、

};

const コマンド = new AbortMultipartUploadCommand(bucketParams);

try {
  
  const data = await s3Client
  .send(new PutObjectCommand(bucketParams));
  

} catch (error) {
  // error handling.
  
} finally {
  // finally.
}  

};

/// 接続コード

import { S3 } from "@aws-sdk/client-s3";

export const s3Client = new S3({ エンドポイント: "https://fra1.digitaloceanspaces.com", 地域: "us-east-1", 資格情報: { accessKeyId: "xxxxxx", secretAccessKey: "xxxx", } }) ;