javascript - 获取请求未通过访问控制检查 : No 'Access-Control-Allow-Origin' header is present on the requested resource

Question

我正尝试从我的应用程序向 Tomcat 服务器发送 Ajax 请求，但出现此错误(我的网络应用程序在 Chrome 上运行):

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. The response had HTTP status code 403.

我试过用

'Access-Control-Allow-Origin' : 'http://localhost:8080/app',

但是没用。

我的 Ajax 代码:

 var arr = [1];
   $.ajax({ 
   url: 'http://localhost:8080/app',
   type: 'POST',
   contentType:'application/json',
   headers: {
   'Access-Control-Allow-Origin' : 'http://localhost:8080',
   },
       data: JSON.stringify(arr[0]),
       success: function(data){
        //On ajax success do this
             alert(data);
          }
     });

Answer 1

基本上，要发出跨域 AJAX 请求，请求的服务器应该允许资源的跨源共享 (CORS)。您可以从这里阅读更多相关信息: http://www.html5rocks.com/en/tutorials/cors/

在您的场景中，您正在客户端中设置 header ，实际上需要将其设置为 http://localhost:8080/app服务器端代码。

如果您使用的是 PHP Apache 服务器，则需要在 .htaccess 文件中添加以下内容:

Header set Access-Control-Allow-Origin "*"