最近有時間把公司的項目整理一下，并把遇到的問題解決了。那么今天也算個學習筆記吧！
最近在做一個筆記的項目，技術棧如下：vue.js + laravel + mongodb
首先不得不感嘆vue的神奇，項目昨晚之后我會對整個項目中用到的技術和踩過的坑進行一個總結，今天先記錄一個前端傳送數據給后端，laravel接收的例子。
前端ajax插件我沒有使用vue-resource，說實話，用他遇到了坑，所以使用了axios.js，很好用，而且比vue-resource還小。
來看前端代碼（省略vue邏輯部分）：
axios.post('index.php/login',{ email:this.email, pass:this.pass }).then(function(res){ console.log(res) }).then(function(){ console.log(321) })this.email和this.pass即為用戶填寫的表單數據，點擊登錄即執行這個方法（驗證數據格式沒問題后）。
來看Laravel如何接收這兩個值：
我們在app文件夾下建立一個GUser.php的Model文件，內容如下：
<?phpnamespace App;use Mongodb;use DB; class GUser extends Mongodb { public static function login($email) { $mongo = DB::connection('mongodb'); $res = $mongo->collection('user')->where('email',$email)->first(); return $res; }}再在app/Http/Controllers下建立一個GUserController.php文件，內容如下：
<?phpnamespace App/Http/Controllers; use App/Http/Controllers/Controller;use App/GUser;use Illuminate/Http/Request; class GUserController extends Controller{ protected function login(Request $request) { $email = $request->input('email'); $pass = $request->input('pass'); $res = GUser::login($email); return $res; }}當然啦，這里沒有用到pass的值，我在這里省略了登錄驗證的邏輯。
然后在路由文件web.php里配置：
Route::any(‘/login','GUserController@login');
到此結束。以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答
圖片精選
