对 laravel 的 ionic api 调用返回连接错误答案

【问题标题】：ionic api call to laravel returns connection error对 laravel 的 ionic api 调用返回连接错误
【发布时间】：2016-08-02 16:09:16
【问题描述】：

下面是我的 Angular 服务，我知道它可以工作，因为我在节点服务器上尝试过，但它不适用于我的 laravel API。

angular.module('starter')

  .service('AuthService', function($q, $http, API_ENDPOINT) {

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


    return {
      register: register
    };
  });

下面是我的 laravel 代码

Route::group(['prefix'=>'api', 'middleware' => 'cors'], function()
{

    Route::post('/signup','UserController@index');
});

下面是我的 cors 中间件

public function handle($request, Closure $next)
{
    return $next($request)
        ->header('Access-Control-Allow-Origin', '*')
        ->header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS')
        ->header('Access-Control-Allow-Headers', '*');
}}

最后，这是我的控制器索引函数，它只返回一个 json 响应

  public function index()
    {
        return response()->json(['success' => 'Received','Done'=>'It works']);
    }

我已经使用邮递员对其进行了测试，并得到了预期的响应，但是当我从我的 ionic 应用程序调用它时，我在开发人员工具控制台中收到连接被拒绝错误。

【问题讨论】：

标签： php angularjs laravel ionic-framework

【解决方案1】：

这个问题只出现在你的测试环境中，安装名为“Allow-Control-Allow-Origin: *”的chrome插件，这样就解决了你的问题。

当您在 iOS 或 Android 中模拟应用时，一切正常。

问候；

【讨论】：