問題タブ [aws-sdk-js-v3]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
amazon-web-services - @aws-sdk/client-s3 --> 要求されたリソースに「Access-Control-Allow-Origin」ヘッダーが存在しません
ローカルホストからデジタル オーシャンのスペースにアップロードしようとしています。
このために、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);
};
/// 接続コード
import { S3 } from "@aws-sdk/client-s3";
export const s3Client = new S3({ エンドポイント: "https://fra1.digitaloceanspaces.com", 地域: "us-east-1", 資格情報: { accessKeyId: "xxxxxx", secretAccessKey: "xxxx", } }) ;