Aucun en-tête 'Access-Control-Allow-Origin' n'est présent sur la ressource demandée. Origine 'http://127.0.0.1:8080' n'est donc pas autorisé à accéder

Question

Im essayant d'accéder à une page html d'un autre. Toutes mes pages html hébergées dans le serveur. Ma page d'index est en cours de chargement sans problème. Mais en essayant d'autres pages, je rencontrer l'erreur suivante,

XMLHttpRequest ne peut pas charger http://localhost:8080/cache/getSite?clientName=bps. Non L'en-tête 'Access-Control-Allow-Origin' est présent sur la ressource demandée. L'origine 'http://127.0.0.1:8080' n'est donc pas autorisée accès.

Im accès à partir du navigateur comme;

http://127.0.0.1:8080/ // pour index.html

http://127.0.0.1:8080/doc/clientSiteinfo.html?client=bps // pour d'autres pages liées à index.html

Je généré ma page d'index avec les liens pour d'autres pages similaires;

> function loadCustomers(configFile) {   $ 
>     .ajax({ 
>      type : 'GET', 
>      url : configFile.server + ':8080/cache/getCustomers', 
>      dataType : 'json', 
>      success : function(data) { 
>       var rows = []; 
>       $ 
>         .each(
>           data, 
>           function(id, value) { 
>            rows 
>              .push(' <tr><td><a href="'+configFile.server+':8080/doc/clientSiteinfo.html?client=' 
>                + id 
>                + '">' 
>                + id 
>                + '</td><td>' 
>                + value 
>                + '</td><td><button type="button" onclick="resetClient(\'' 
>                + id+','+configFile.server 
>                + '\')">Reset</td></tr> '); 
>           }); 
>       $('#clients_data').append(
>         '<tbody>' + rows.join('') + '</tbody>'); 
>       $('#clients_data').DataTable({ 
>        "pagingType" : "full_numbers" 
>       }); 
> 
>      } 
>     });   }; 

Answer 1

J'ai surmonté ce problème en mettant en-tête Access-Control-Allow-origine dans la demande jQuery.

J'ai écrit un billet de blog here