Siapkan berbagi sumber daya lintas asal (CORS) untuk bucket Anda - AWS Transfer Family

Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

Siapkan berbagi sumber daya lintas asal (CORS) untuk bucket Anda

Anda harus menyiapkan berbagi sumber daya lintas asal (CORS) untuk semua bucket yang digunakan oleh aplikasi web Anda. Konfigurasi CORS adalah dokumen yang mendefinisikan aturan yang mengidentifikasi asal yang Anda izinkan untuk mengakses bucket Anda. Untuk informasi selengkapnya tentang CORS, lihat Mengonfigurasi berbagi sumber daya lintas asal (CORS).

penting

Jika Anda tidak menyiapkan CORS, pengguna akhir Anda akan menerima kesalahan saat mereka mencoba mengakses lokasi di aplikasi web Anda.

Untuk menyiapkan berbagi sumber daya lintas asal (CORS) untuk bucket Amazon S3 Anda

  1. Masuk ke AWS Management Console dan buka konsol Amazon S3 di. https://console.aws.amazon.com/s3/

  2. Pilih Bucket dari panel navigasi kiri dan cari bucket Anda di dialog pencarian, lalu pilih tab Izin.

  3. Di Cross-Origin Resource Sharing (CORS), pilih Edit dan tempel dalam kode berikut. Ganti WebAppEndpoint dengan titik akhir akses aktual untuk aplikasi web Anda. Ini bisa berupa titik akhir akses yang dibuat saat aplikasi web dibuat, atau titik akhir akses khusus, jika Anda membuatnya. Pastikan untuk tidak memasukkan garis miring, karena hal itu menyebabkan kesalahan saat pengguna mencoba masuk ke aplikasi web Anda.

    • Contoh yang salah: https://webapp-c7bf3423.transfer-webapp.us-east-2.on.aws/

    • Contoh yang benar: https://webapp-c7bf3423.transfer-webapp.us-east-2.on.aws

    Jika Anda menggunakan kembali bucket untuk beberapa aplikasi web, tambahkan titik akhir mereka ke daftar. AllowedOrigins

    [
  {
    "AllowedHeaders": [
      "*"
    ],
    "AllowedMethods": [
      "GET",
      "PUT",
      "POST",
      "DELETE",
      "HEAD"
    ],
    "AllowedOrigins": [
      "https://WebAppEndpoint"
    ],
    "ExposeHeaders": [
      "last-modified",
       "content-length",
      "etag",
      "x-amz-version-id",
      "content-type",
      "x-amz-request-id",
      "x-amz-id-2",
      "date",
      "x-amz-cf-id",
      "x-amz-storage-class",
      "access-control-expose-headers"
     ],
    "MaxAgeSeconds": 3000
  }
]

  4. Pilih Simpan perubahan untuk memperbarui CORS.

Untuk menguji konfigurasi CORS Anda, lihat Menguji CORS.