Comment réparer « Redirection bloquée par la politique CORS : pas d'en-tête « Access-Control-Allow-Origin » » ?

Question

Je développe une application en utilisant Vue js. En fonction de ma configuration, je dois transmettre des variables à mon URL lorsque les paramètres changent.

<code><!-- langue : lang-js -->

    $.get('http://172.16.1.157:8002/firstcolumn/' + c1v + '/' + c1b, fonction (données) {
      // du code...
    });
</code>

Mais lorsque mon application clique sur l'URL, elle affiche le message suivant.

Échec du chargement de http://172.16.1.157:8002/firstcolumn/2017-03-01/2017-10-26 : redirection depuis 'http:/ /172.16.1.157:8002/firstcolumn/2017-03-01/2017-10-26' à 'http://172.16.1.157:8002/firstcolumn/2017-03-01/2017-10-26/' a été bloqué par la politique CORS : aucun en-tête 'Access-Control-Allow-Origin' n'est présent sur la ressource demandée. L'origine 'http://localhost:8080' n'est donc pas autorisée à accéder.

Answer 1

Merci à tous, je l'ai résolu avec cette extension sur Chrome.

Autoriser CORS : Contrôle d'accès-Autoriser-Origine

Answer 2

En plus de demander à la personne responsable du serveur de le reconfigurer comme awd l'a mentionné (une solution peu pratique pour le développement local), j'ai également utilisé un plugin chrome de changement de source comme celui-ci :

1. Moesif Orign et CORS Converter (auparavant, c'était gratuit mais je veux maintenant une adresse e-mail professionnelle >_>)
2. Autoriser CORS : Contrôle d'accès-Autoriser-Origin< /a> (Test 2023)

Vous pouvez réaliser le vôtre本地开发服务器（例如：localhost:8080）看起来来自172.16.1.157:8002或任何其他域.