Question

视图

<ion-view view-title="Dashboard">
  <ion-content class="splash padding has-header">
<p class="button button-calm  button-block" ng-click="insert()">post</p>
    </ion-content>
</ion-view>

控制器 $ scope.insert = function（）{ var data = {matric：21};

  $http.post("http://localhost:8000/datas",data).success(function(data,status){
    console.log(data);
  }).error(function(error){
    console.log("error is that ",error);
  });
};

laravel routes

Route::get('datas',array('middleware' => 'cors', 'uses' => 'datasController@index'));
Route::get('datas/{level}',array('middleware' => 'cors', 'uses' => 'datasController@show'));
Route::post('datas',array('middleware' => 'cors', 'uses' => 'datasController@store'));

laravel controller

 public function store()
    {
        $dat = new Data();
        $dat->matric = input::get('matric');
        $dat->save();
    }

我的Chrome日志中出现的错误

XMLHttpRequest无法加载http://localhost:8000/datas。回应   预检请求没有通过访问控制检查：   ＆＃39;访问控制允许来源＆＃39;标头包含多个值   ＆＃39; http://evil.com/，*＆＃39;，但只允许一个。起源   因此，'http://localhost:8100'不允许访问。

controllers.js：126错误是null

我的mozilla日志中出现的错误

阻止跨源请求：同源策略禁止读取 http://localhost:8000/datas处的远程资源。（原因：CORS 标题＆＃39; Access-Control-Allow-Origin＆＃39;失踪）。错误是null

Answer 1

我通过邮递员发送了一个帖子请求并看到了一个verifycrsf tokken错误。您可以通过编辑laravel文件中的verifycrsf.php文件来完成此操作，将路径添加到该函数中它应该可以正常工作。（例如，'api / *'表示localhost：8000 / api / matric）

Answer 2

使用this包，它将帮助您进行跨源请求保护

将我的ionic / angular.js应用程序中的数据发布到laravel 5.2数据库会出错

2 个答案: