最近有時間把公司的項目整理一下，并把遇到的問題解決了。那么今天也算個學習筆記吧！
最近在做一個筆記的項目，技術棧如下：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文件，內容如下：
<?php
namespace 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文件，內容如下：
<?php
namespace 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');
到此結束。以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持。
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。