Angularjs 调用api时,laravel头允许原始错误

Angularjs 调用api时,laravel头允许原始错误,angularjs,laravel,ionic-framework,Angularjs,Laravel,Ionic Framework,我创建了一个api,返回用户列表。我在postman应用程序中测试了它,工作正常(返回json)。但当我尝试在ionic2中调用它时,它会在控制台中显示错误 header('Access-Control-Allow-Origin:')。并尝试创建一个中间件,handler()具有以下代码 return $next($request) ->header('Access-Control-Allow-Origin', '*') ->header('Acces

我创建了一个api,返回用户列表。我在postman应用程序中测试了它,工作正常(返回json)。但当我尝试在ionic2中调用它时,它会在控制台中显示错误
header('Access-Control-Allow-Origin:')。并尝试创建一个中间件,handler()具有以下代码

return $next($request)
        ->header('Access-Control-Allow-Origin', '*')
        ->header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
route/api.php

Route::group(['middleware' => ['Cors']] ,function(){

     Route::get('/nearby',['as' => 'people.nearby' , 'uses' => function(){
       return User::all();
     }]);
});
在kernel.php($routeMiddleware)中,我将联盟添加为
'Cors'=>\App\Http\Middleware\Cors::class

我尝试从google调用一个测试api link(),检查我的js或typescript代码是否工作正常,我得到了json的响应,但在调用我的laravel api时得到了Allow Access Origin的错误。 哪里出了问题或代码中出现了错误。任何帮助都将不胜感激

下面是从网络选项卡(开发人员模式)请求api的结果。

可能是因为Ionic2本身不允许向您的端点发出网络请求

您需要更新Ionic2应用程序,而不是服务器端(Laravel)

在Ionic2
config.xml
中,您很可能需要调整
access
属性,请参阅此处的文档:


可能是因为Ionic2本身不允许向您的端点发出网络请求

您需要更新Ionic2应用程序,而不是服务器端(Laravel)

在Ionic2
config.xml
中,您很可能需要调整
access
属性,请参阅此处的文档:

已解决:我添加

header('Access-Control-Allow-Origin: *');
在public/index.php中 并删除cors中间件,所有操作都已完成。 谢谢大家帮助我。真的很感谢谢谢解决了:我补充说

header('Access-Control-Allow-Origin: *');
在public/index.php中 并删除cors中间件,所有操作都已完成。
谢谢大家帮助我。非常感谢谢谢

好的,你是说我的api非常好问题出在ionic配置文件中。?@sandeep确实,如果你在服务器端启用了CORS,问题可能来自你的ionic应用程序
config.xml
应该在根文件夹中,您必须编辑
tagok,所以您的意思是我的api非常好问题在ionic配置文件中。?@sandeep确实,如果您在服务器端启用了CORS,问题可能来自您的ionic应用程序
config.xml
应该在根文件夹中,您必须编辑
tag是否可以在控制台消息中发布错误?以及请求/响应头,例如XMLHttpRequest无法加载。“Access Control Allow Origin”标头包含多个值“*,*”,但只允许一个值。因此,不允许访问源“”。@Icycool。我插入了网络请求-响应映像,一旦thankuIt抱怨您有两行
access Control Allow Origin
,请看一看。您可以在控制台消息中发布错误吗?以及无法加载请求/响应头(例如XMLHttpRequest)。“Access Control Allow Origin”标头包含多个值“*,*”,但只允许一个值。因此不允许访问源“”。@Icycool。我插入了网络请求-响应映像,一旦thankuIt抱怨您有两行
access Control Allow Origin