

Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra.

# Configurer le partage Cross-origin des ressources (CORS) pour votre bucket
<a name="access-grant-cors"></a>

Vous devez configurer le partage de ressources entre origines (CORS) pour tous les compartiments utilisés par votre application Web. Une configuration * CORS * est un document qui définit des règles qui identifient les origines que vous autoriserez à accéder à votre bucket. Pour plus d'informations sur CORS, consultez [ Configuration du partage de ressources inter-origines (CORS). ](https://docs.aws.amazon.com/AmazonS3/latest/userguide/enabling-cors-examples.html?icmpid=docs_amazons3_console)

**Important**  
Si vous ne configurez pas CORS, vos utilisateurs finaux reçoivent un message d'erreur lorsqu'ils tentent d'accéder à un emplacement sur votre application Web.

**Pour configurer le partage Cross-origin des ressources (CORS) pour votre compartiment Amazon S3**

1. Connectez-vous à Console de gestion AWS et ouvrez la console Amazon S3 à l'adresse [ https://console.aws.amazon.com/s3/](https://console.aws.amazon.com/s3/).

1. Choisissez ** Buckets dans le panneau ** de navigation de gauche et recherchez votre bucket dans la boîte de dialogue de recherche, puis choisissez l'**onglet ** Autorisations.

1. Dans Partage de ** Cross-origin ressources (CORS)**, choisissez ** Modifier ** et collez le code suivant. Remplacez-le {{WebAppEndpoint}} par le point de terminaison d'accès réel de votre application Web. Il peut s'agir du point de terminaison d'accès public ou hébergé par un VPC créé lors de la création de l'application Web, ou d'un point de terminaison d'accès personnalisé, si vous en créez un. Veillez à ne pas saisir de barres obliques à la fin, car cela entraîne des erreurs lorsque les utilisateurs tentent de se connecter à votre application Web.
   + Exemple incorrect : `https://webapp-c7bf3423.transfer-webapp.us-east-2.on.aws/`
   + Exemples corrects :
     + `https://webapp-c7bf3423.transfer-webapp.us-east-2.on.aws`
     + `https://vpce-05668789767a-fh45z079.vpce-mq.transfer-webapp.us-east-1.on.aws`

   Si vous réutilisez un compartiment pour plusieurs applications Web, ajoutez leurs points de terminaison à la liste. `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
     }
   ]
   ```

1.  Choisissez ** Enregistrer les modifications ** pour mettre à jour le CORS.

Pour tester votre configuration CORS, voir [ Testing ](https://docs.aws.amazon.com/AmazonS3/latest/userguide/testing-cors.html) CORS.