在Openshift上使用Angular和PHP的跨域脚本错误

Question

我在网上搜索了所有内容，在其他stackoverflow线程中找到了各种答案，全部尝试了一下，但无法正常工作。 场景：

• 在客户端使用angular并使用http-get请求
• 在OpenShift主机上运行的MySQL数据库旁边的服务器端使用PHP。

角度代码：

var app = angular.module("myapp", []).config(function ($httpProvider) {
//Enable cross domain calls
$httpProvider.defaults.useXDomain = true;
delete $httpProvider.defaults.headers.common['X-Requested-With'];
});

app.controller("Circle", function ($scope, $http)
{
    $scope.Bijstand = function (Verdiep) {
       $http.get(url + "?function=getMetingen&Verdieping="+Verdiep)
        .success(function (Result) {
            console.log(Result);
        });
    }
});

PHP代码：

header("Access-Control-Allow-Origin: 'http://localhost:54700'")
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: GET, POST"); 
header("Access-Control-Allow-Headers: X-Requested-With");

$servername = getenv('OPENSHIFT_MYSQL_DB_HOST').":".getenv('OPENSHIFT_MYSQL_DB_PORT');
$username = getenv('OPENSHIFT_MYSQL_DB_USERNAME');
$password = getenv('OPENSHIFT_MYSQL_DB_PASSWORD');
$dbname = getenv('OPENSHIFT_GEAR_NAME');

// Create connection
$con = $con = mysql_connect($servername, $username, $password);
// Check connection
if (!$con) {
    die("Connection failed: " . mysql_error());
} 
mysql_select_db($dbname,$con);

当从angular到php发出http-get请求时，出现以下错误：

 SEC7120 : Origin of 'http://localhost:54700' not found in Access -Control- Allow -Origin header . SCRIPT7002 : XMLHttpRequest : Network error 0x80700013 , Can not complete this operation by mistake 80700013 . SERVER ERROR - The server has detected an unexpected error that the request can not be completed.( XHR ) : GET - " getString " 

我已经看到了各种尝试解决此问题的方法，并且我尝试了所有这些方法，但都无济于事。 请帮我调试一下。 仅供参考：我不关心数据库或数据的安全性。 存储的信息根本不敏感，因此不要隐瞒“隐私”问题。 谢谢

Answer 1

这可能不是一个完整的答案，但是HTTP响应只能为Access-Control-Allow-Origin提供一个值。

例如， 另一个SO问题讨论了使用多个ACAO字段时的问题。

在单个字段中列出值也不起作用。 W3C规范说：

它不是单个空格或字符串“ null”，而不是用空格分隔的起源列表。

使用“ *”（星号）作为值将不会总是起作用，有关更多详细信息，请参见W3C规范。

因此，唯一返回的安全值是“ http：// localhost：54700 ”。

最后，Chrome在本地主机上支持CORS时遇到了问题，请参阅此问题以获取更多详细信息。 几个月前，当我上次学习CORS时，这个问题仍然存在。