由于cors，离子应用程序无法连接到php应用程序

Posted 2023-03-04

【中文标题】由于cors，离子应用程序无法连接到php应用程序

【英文标题】：ionic app cannot connect to php app due to cors

【发布时间】：2016-12-12 22:45:14

【问题描述】：

以下是我的离子代码。进行 API 调用的 Angular 服务。

 var login = function (user)
    
      return $q(function(resolve, reject)
      
        $http.post(API_ENDPOINT.url + '/login',user)
          .then(function (result)
          
            if(result.data.success)
            
              resolve(result.data.msg);
            
            else
            
              reject(result.data.msg);
            
          );
      );
    ;

下面是php端的代码

$app    =   new \Slim\Slim();
// Get request headers as associative array
$headers                = $app->request->headers;
$http_origin            = $headers['Origin'];
$allowed_http_origins   = array("http://localhost","http://localhost:80",
    "http://localhost:8080","http://localhost:63342","null",
    "http://localhost:8100","http://localhost:8888","http://localhost:8889");

if (in_array($http_origin, $allowed_http_origins))  
    $app->response->headers->set('Access-Control-Allow-Origin',"$http_origin");


$app->response->headers->set('Access-Control-Allow-Methods','GET, PUT, POST, DELETE, OPTIONS');
$app->response->headers->set('Access-Control-Allow-Credentials','true');
$app->response->headers->set('Access-Control-Allow-Headers','*');
$app->response->headers->set('Access-Control-Allow-Origin',"$http_origin");


$app->post('/login/', 'Login' );

该应用的 CORS 存在问题，它给出了 Access-Control-Allow-Origins not present 的错误。

【问题讨论】：

尝试将Access-Control-Allow-Origin 的集合更改为*，如果这样做，则意味着您的$http_origin 不包含正确的值

@entre 我已经试过了，但没有用

我发现 Ionic CLI 的代理服务器在这种情况下很有帮助：blog.ionic.io/handling-cors-issues-in-ionic

如果没有看到预检请求和您对它的响应，很难提供帮助。但是我看到的Access-Control-Allow-Headers: * 是无效的。 Access-Control-Allow-Headers 不能包含通配符，而是标题列表。对预检的响应不应包含正文，仅包含 2xx 响应和标头。

【参考方案1】：

从localhost 测试时会出现问题，而将其构建到设备时不会出现问题。

您可以尝试THIS chrome 插件来解决 CROS。