訪問控制 - 允許來源不允許來源

Question

我正在向Sencha Touch 2應用程序（包裝在PhoneGap中）中的遠程PHP服務器製作Ajax.request。

來自服務器的響應如下：

的XMLHttpRequest不能加載http://nqatalog.negroesquisso.pt/login.php。 Access-Control-Allow-Origin不允許原產地http://localhost:8888。

我怎樣才能解決這個問題？

Answer 1

我就這個問題寫了一篇文章而回，Cross Domain AJAX。

如果你有響應的服務器的控制權來處理最簡單的方法是添加一個響應頭爲：

Access-Control-Allow-Origin: * 

這將允許跨域Ajax。在PHP中，你將要修改的響應，像這樣：

<?php header('Access-Control-Allow-Origin: *'); ?> 

你可以只是把Header set Access-Control-Allow-Origin *設置在Apache配置或htaccess文件。它就像一個魅力。

從評論，這是一個重要的說明：通配符將允許任何域發送請求到您的主機。我建議將星號替換爲您將在上運行腳本的特定域。

Answer 2

這是因爲same-origin policy。請參閱Mozilla Developer Network或Wikipedia。

基本上，在你的例子中，你只需要從nqatalog.negroesquisso.pt加載http://nqatalog.negroesquisso.pt/login.php頁面，而不是localhost。

Answer 3

如果你不要有控制服務器，你可以簡單地添加這個參數到你的Chrome啓動器：--disable-web-security。

注意，我不會用這個正常的「網上衝浪」。作爲參考，看到這個職位：Disable same origin policy in Chrome。

您使用Phonegap實際構建應用程序並將其加載到設備上，這不會是一個問題。

Answer 4

馬特Mombrea是服務器端是正確的，你可能會遇到被拒絕列入白名單的另一個問題。

你必須配置你的phonegap.plist。 （我正在使用老版本的phonegap）

對於cordova，命名和目錄可能會有一些變化。但步驟應該大致相同。

首先選擇支持文件> PhoneGap。plist中

然後在 「ExternalHosts」

添加一個條目，帶有也許 「http://nqatalog.negroesquisso.pt」 我使用的是值*僅用於調試目的。

Answer 5

如果你使用Apache只需添加：

<ifModule mod_headers.c> 
    Header set Access-Control-Allow-Origin: * 
</ifModule> 

在您的配置。這將導致您的網絡服務器的所有響應都可以從互聯網上的任何其他站點訪問。

Header set Access-Control-Allow-Origin: http://my.origin.host 

Answer 6

我曾與各種工作時，碰上了幾次：如果您打算只允許通過特定的服務器使用主機上的服務，您可以與發信服務器的URL替換*蜜蜂。通常快速修復是添加「& callback =？」到一個字符串的末尾。有時，＆符號必須是字符代碼，有時候是「？」：「？callback =？」 （請參閱Forecast.io API Usage with jQuery）

Answer 7

我們在chrome中測試的phonegap應用程序也有同樣的問題。 打開Chrome之前，我們每天在批處理文件中使用的一臺Windows機器。 請記住，在運行此操作之前，您需要從任務管理器中清除所有chrome實例，或者可以選擇chrome以不在後臺運行。

批次：（使用CMD）

cd D:\Program Files (x86)\Google\Chrome\Application\chrome.exe --disable-web-security 

Answer 8

如果你得到這個Angular.js，然後確保你逃避你這樣的端口號：

var Project = $resource(
    'http://localhost\\:5648/api/...', {'a':'b'}, { 
     update: { method: 'PUT' } 
    } 
); 

更多信息，請參見here上它。

Answer 9

這是第一個問題/答案試圖解決使用ASP.NET MVC作爲我的數據源的同樣的問題時彈出我。我意識到這並不能解決PHP的問題，但它足夠有價值。

我正在使用ASP.NET MVC。 blog post from Greg Brant爲我工作。最終，您可以創建一個屬性，您可以將其添加到控制器操作的屬性[HttpHeaderAttribute("Access-Control-Allow-Origin", "*")]。

例如：

public class HttpHeaderAttribute : ActionFilterAttribute 
{ 
    public string Name { get; set; } 
    public string Value { get; set; } 
    public HttpHeaderAttribute(string name, string value) 
    { 
     Name = name; 
     Value = value; 
    } 

    public override void OnResultExecuted(ResultExecutedContext filterContext) 
    { 
     filterContext.HttpContext.Response.AppendHeader(Name, Value); 
     base.OnResultExecuted(filterContext); 
    } 
} 

，然後使用它：

[HttpHeaderAttribute("Access-Control-Allow-Origin", "*")] 
public ActionResult MyVeryAvailableAction(string id) 
{ 
    return Json("Some public result"); 
} 

Answer 10

這可能是很方便的人誰需要一個例外都「WWW」和「無www」版本引薦的：

$referrer = $_SERVER['HTTP_REFERER']; 
$parts = parse_url($referrer); 
$domain = $parts['host']; 

if($domain == 'google.com') 
{ 
     header('Access-Control-Allow-Origin: http://google.com'); 
} 
else if($domain == 'www.google.com') 
{ 
     header('Access-Control-Allow-Origin: http://www.google.com'); 
} 

Answer 11

如果你有一個ASP.NET/ASP.NET MVC應用，你可以通過網頁包含這個頭文件。配置文件：

<system.webServer> 
    ... 

    <httpProtocol> 
     <customHeaders> 
      <!-- Enable Cross Domain AJAX calls --> 
      <remove name="Access-Control-Allow-Origin" /> 
      <add name="Access-Control-Allow-Origin" value="*" /> 
     </customHeaders> 
    </httpProtocol> 
</system.webServer> 

Answer 12

在Ruby on Rails，你可以在控制器裏做：

headers['Access-Control-Allow-Origin'] = '*' 

Answer 13

我會給你這一個簡單的解決方案。在我的情況下，我無法訪問服務器。在這種情況下，您可以更改您的Google Chrome瀏覽器中的安全策略以允許訪問控制允許來源。這是非常簡單的：

1. 創建一個Chrome瀏覽器快捷方式
2. 右鍵點擊快捷方式圖標 - >屬性 - >快捷方式 - >目標

簡單粘貼在"C:\Program Files\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files --disable-web-security。

該位置可能會有所不同。現在點擊該快捷方式打開Chrome。

Answer 14

如果你正在寫一個Chrome擴展，並得到這個錯誤，那麼可以肯定你已經添加了API的基礎URL到您的manifest.json的permissions block，例如：

"permissions": [ 
    "https://itunes.apple.com/" 
] 

Answer 15

當您收到請求您可以

var origin = (req.headers.origin || "*"); 

當你不得不用的反應類似的東西去比：

res.writeHead(
    206, 
    { 
     'Access-Control-Allow-Credentials': true, 
     'Access-Control-Allow-Origin': origin, 
    } 
); 

Answer 16

您可以通過在HTTP OPTIONS的響應中創建包括頭文件Access-Control-Allow-Origin: *的瀏覽器來修改服務器而無需修改服務器。在Chrome中使用this extension。如果你在Mozilla檢查this answer。

Answer 17

通配符不是一個非常安全的選項。你會希望它更具體 - 檢查我在這裏寫的關於同一問題的答案; how to bypass Access-Control-Allow-Origin?

Answer 18

在Ruby Sinatra

response['Access-Control-Allow-Origin'] = '*' 

爲大家或

response['Access-Control-Allow-Origin'] = 'http://yourdomain.name' 

Answer 19

如果您正在使用chromer使用這個插件

https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi/related?hl=en

Answer 20

，如果你是在Apache，只需添加一個。htaccess文件目錄與此內容：

頁眉設置訪問控制允許來源：*

頁眉設置訪問控制允許報頭：內容類型

頁眉設置訪問控制 - 允許的方法：*

Answer 21

**Add this meta tag in your Webservice** 


header('Content-type: application/json'); 
header('Access-Control-Allow-Origin: *'); 

Answer 22

如果對鉻你可以簡單地從安裝Chrome網上應用店 瀏覽器擴展程序來解決相關問題CORS工作。

擴展：允許-控制允許來源 鏈接：[https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en][1]