为什么我在这里看到“访问控制 - 允许来源不允许的来源”错误？

Question

我看到下面的错误：

Origin http://localhost:8080 is not allowed by Access-Control-Allow-Origin 

与此代码：

var http = new getXMLHttpRequestObject(); 
var url = "http://gdata.youtube.com/action/GetUploadToken"; 
var sendXML = '<?xml version="1.0"?><entry xmlns="http://www.w3.org/2005/Atom"'+ 
    'xmlns:media="http://search.yahoo.com/mrss/'+ 
    'xmlns:yt="http://gdata.youtube.com/schemas/2007">'+ 
    '<media:group><media:title type="plain">My First API</media:title>'+ 
    '<media:description type="plain">First API</media:description>'+ 
    '<media:category scheme="http://gdata.youtube.com/schemas/2007/categories.cat">People</media:category>'+ 
    '<media:keywords>first, api</media:keywords></media:group></entry>'; 
http.open("POST", url, true); 
http.setRequestHeader("Authorization", "AuthSub token=" + AccessToken); 
http.setRequestHeader("X-GData-Key", "key="+ dev_key); 
http.setRequestHeader("Content-Type", "application/atom+xml; charset=UTF-8"); 

http.onreadystatechange = function() { 
    if(http.readyState == 4) { 
     alert(http.responseXML); 
    } 
} 
http.send(sendXML); 

，是什么原因？我该如何解决呢？

Answer 1

在当前域之外进行ajax请求时，Javascript受到限制。

• 例1：你的域名是example.com，你想向test.com发出一个请求=>你不能。例如：
• 例2：你的域名是example.com，你想向inner.example.com发出一个请求=>你不能。
• 例3：你的域名是example.com:80，你想向example.com:81 =>请求
• EX 4：你的域名是example.com，你想提出请求以example.com =>你可以。

出于安全原因，Javascript受“同源策略”限制，因此恶意脚本无法联系远程服务器并发送敏感数据。

jsonp是使用javascript的不同方法。您提出请求并将结果封装到客户端运行的回调函数中。这与把一个新的脚本标签链接到你html头部的相同（你知道你可以从这里加载不同于你的域的脚本）。
但是，要使用jsonp，必须正确配置服务器。如果不是这种情况，你不能使用jsonp，你必须依靠服务器端代理（PHP，ASP等）。有很多与此主题相关的指南，只是谷歌它！

Answer 2

由于“相同来源策略”，XMLHttpRequest不会让您达到localhost:8080。

您可以通过localhost:8080添加标题您的回复让现代浏览器的请求：

Access-Control-Allow-Origin: * 

您可以通过添加指令到你的HTTP服务器或添加通过服务器端代码头（PHP这样做， Ruby，...）。

了解更多关于跨来源Ajax请求的https://developer.mozilla.org/en/http_access_control

Answer 3

如果您使用的是Chrome，一个简单的解决方法（仅用于开发目的）是使用选项--disable-web-security。

Answer 4

无关的这个特定的问题，但对于使用jQuery ...这个错误也造成如果您尝试使用jQuery做一个JSONP请求，并省略魔术回调参数在这种情况下，任何人：callback=?

Answer 5

添加global.asax在你的解决方案中。

添加

HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*"); 

在

protected void Application_BeginRequest(object sender, EventArgs e) 
{ 
} 

Answer 6

如果你是从Java后台一个可能的解决办法是让这对你的JavaScript调用Web服务的servlet。类似于GET（Your-choice）方法中的以下代码...

JsonElement jelement; 
    JsonArray jarray; 
    try { 
     URL url = new URL("http://rest."YOUR URL"#ba0482"); 
     URLConnection connection = url.openConnection(); 
     connection.setDoInput(true); 
     InputStream inStream = connection.getInputStream(); 
     BufferedReader input = new BufferedReader(new InputStreamReader(inStream)); 

     jelement = new JsonParser().parse(input); 

     jarray = jelement.getAsJsonArray(); 

     response.setContentType("application/json"); 
     PrintWriter out = response.getWriter(); 
     out.print(jarray); 
     out.flush(); 
    } catch (FileNotFoundException e) { 
     e.printStackTrace(); 
    } catch (IOException e) { 
     e.printStackTrace(); 
    } 
} 

现在，在JavaScript中只需指定url作为servlet名称！

Answer 7

对于本地开发，您可以使用工具来修改HTTP响应头。例如Charles能够通过附带的重写工具来做到这一点：Rewrite Tool

只是添加新的规则为目标域/位置：

Type: Add Header 
Where: Response 
Replace 
    Name: Access-Control-Allow-Origin 
    Value: * 
Replace All 

Answer 8

如果您使用Apache，这个工程：把这个/在您的公共根目录下创建一个.htaccess文件，并添加您可能需要的任何其他文件扩展名。

<FilesMatch "\.(ttf|otf|eot|woff|jpg|png|jpeg|gif|js|json|html|css)$"> 
    <IfModule mod_headers.c> 
    Header set Access-Control-Allow-Origin "*" 
    </IfModule> 
</FilesMatch> 

Answer 9

如果重新使用谷歌浏览器的浏览器，您可以添加CORS的扩展，并激活它，它会解决空洞问题，而不必在你的代码进行任何更改

Answer 10

我碰到了同样的错误消息，当使用Ajax来访问一个PHP页面（JavaScript和PHP文件都位于同一台服务器上）。

原因是我在我的JavaScript中指定了IP地址作为域。这使浏览器相信，调用PHP文件是在另一台服务器上。

所以一个简单的解决方案来摆脱这个错误信息。 a）验证javascript和php文件在同一台服务器上 b）确保JavaScript（例如http://www.smartana.co.uk/myJavaScript.js）ajax中的url（尤其是域）反映了您的服务器url（例如http://www.smartana.co.uk/myServer.php）。

Answer 11

在这里，我们需要为Apache HTTP

1）做两件事情在httpd.config文件中，取消该文件

LoadModule headers_module modules/mod_headers.so 

2）在底部添加此行。

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