Comment puis-je activer le partage de ressources cross-origine (CORS) pour mon application AngularJS ?

Partage de ressources d'origine croisée (CORS) dans AngularJS

Présentation de CORS

CORS permet un navigateur Web pour effectuer une requête vers un domaine différent de celui qui a servi le script. Ceci est nécessaire lors de l'accès à des ressources à partir d'un domaine HTTP uniquement ou lorsque le navigateur utilise un protocole différent (tel que HTTPS).

Activation de CORS dans AngularJS

CORS ne peut pas être activé directement depuis AngularJS. Au lieu de cela, le serveur qui héberge les ressources demandées doit implémenter CORS. Le serveur doit envoyer les en-têtes HTTP suivants dans sa réponse :

• Access-Control-Allow-Origin : L'origine du site Web autorisé à faire la demande.
• Access- Control-Allow-Methods : les méthodes HTTP autorisées pour la requête.
• Access-Control-Allow-Headers : les en-têtes HTTP autorisés dans le request.

Implémentation côté serveur

L'implémentation côté serveur de CORS dépend du framework utilisé. Par exemple, en PHP, le code suivant peut être ajouté au fichier .htaccess :

Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Methods "GET, POST, OPTIONS"
Header set Access-Control-Allow-Headers "Content-Type, Authorization"

Considérations supplémentaires

• Assurez-vous que l'en-tête Authorization est autorisé dans l'en-tête de réponse Access-Control-Allow-Headers sur le serveur.
• Le navigateur enverra automatiquement une demande de contrôle en amont (OPTIONS) avant d’envoyer la demande proprement dite. Le serveur doit répondre à cette demande de contrôle en amont avec les en-têtes HTTP appropriés.
• Référez-vous à la spécification CORS pour des informations plus détaillées.

Conclusion

L'activation de CORS dans AngularJS nécessite la coopération du serveur hébergeant les ressources demandées. En implémentant CORS sur le serveur, les sites Web peuvent accorder l'accès aux ressources de différents domaines et protocoles.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!