请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许来源'http://127.0.0.1:8080'访问

时间:2017-10-20 01:08:05

标签: javascript jquery html browser

我试图从另一个访问一个html页面。所有我的html页面托管在服务器中。我的索引页面加载没有问题。但在尝试其他页面时, 我得到以下错误,

  

XMLHttpRequest无法加载   http://localhost:8080/cache/getSite?clientName=bps。没有   请求中存在“Access-Control-Allow-Origin”标头   资源。因此不允许来源“http://127.0.0.1:8080”   访问。

我从浏览器访问,如;

  

http://127.0.0.1:8080/ //对于index.html

     

http://127.0.0.1:8080/doc/clientSiteinfo.html?client=bps //与index.html链接的其他网页

我生成了我的索引页面,其中包含其他页面的链接,如;

> 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"
>                           });
> 
>                       }
>                   });         };

1 个答案:

答案 0 :(得分:0)

我通过在jQuery请求中设置Access-Control-Allow-Origin标头来克服这个问题。

我写了一篇博文here