要求されたリソースに 'Access-Control-Allow-Origin'ヘッダーが存在しません。 Origin 'http://127.0.0.1:8080'はアクセスできません

Question

私はサーバからホストされたanother.AllのHTMLページから1つのhtmlページにアクセスしようとしています。インデックスページが問題なく読み込まれています。私は次のエラーを取得する、 を他のページをしようとしたときしかし、

XMLHttpRequestが http://localhost:8080/cache/getSite?clientName=bpsをロードすることはできません。いいえ 要求された リソースに 'Access-Control-Allow-Origin'ヘッダーが存在します。したがって、オリジン 'http://127.0.0.1:8080'は許可されません。

のようにブラウザからアクセスします。私が好きな他のページへのリンクと私のインデックスページを生成したindex.html

にリンクされた他のページの

http://127.0.0.1:8080/ // index.htmlのため

http://127.0.0.1:8080/doc/clientSiteinfo.html?client=bps //;

> 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

この問題は、jQueryリクエストにAccess-Control-Allow-Originヘッダーを設定することで解決しました。

私はブログの記事 hereを書かれている

の