Question

我正在研究一个混合应用程序我希望使用Ionic 2将json数据发送到laravel php服务器。我不断收到错误

XMLHttpRequest无法加载http://192.168.0.101:8000/SaveUsers。对预检请求的响应未通过访问控制检查：否请求中存在“Access-Control-Allow-Origin”标头资源。因此不允许来源“http://localhost:8100” 访问。

离子代码：寄存器接收者page.ts

this.registrationService.sendData(this.donarDetails,this.recipientDetails).subscribe(
        response => console.log(response), // success
        error => console.log(error),       // error
        () => console.log('completed')     // complete
     );

离子代码： registration.service.ts

 sendData(recipient,donar): Observable<Object> {

        let encoded_data = JSON.stringify({recipientDetails:recipient, donarDetails:donar});
        let headers = new Headers();
        headers.append('Content-Type', 'application/json;charset=utf-8');
        headers.append('Access-Control-Allow-Origin', '*');
        headers.append('Access-Control-Allow-Methods', 'GET, POST, PUT,DELETE, OPTIONS');
        //let headers = new Headers({ 'Content-Type': 'application/json;charset=utf-8' });
        let options = new RequestOptions({ headers: headers });
         console.log(encoded_data);
        return this.http.post( 'http://192.168.0.101:8000/SaveUsers',encoded_data, options).map(
            (res: Response) => res.json() || {}
        );

    }

laravel：web.php

Route::group(['middleware' => 'cors'], function(){
 Route::get('/SaveUsers', 'UserController@saveUser');
});

Cors.php

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

我尝试使用简单的get on相同的url进行测试而不发送任何数据，它工作正常。请帮忙!!!!

无法使用离子2将数据发送到laravel

0 个答案: