Conexion a base de datos

app/Http/Controllers/Api/UsersController.php

@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Http\Controllers\Api;
+
+use App\User;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Controller;
+use App\Http\Resources\UserResource;
+
+
+class UsersController extends Controller
+{
+    public function index() 
+    {
+        return UserResource::collection(User::paginate(10));
+    }
+}

app/Http/Resources/UserResource.php

@@ -0,0 +1,22 @@
+<?php
+
+namespace App\Http\Resources;
+
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class UserResource extends JsonResource
+{
+    /**
+     * Transform the resource into an array.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return array
+     */
+    public function toArray($request)
+    {
+        return [
+            'name' => $this->name,
+            'email' => $this->email,
+        ];
+    }
+}

database/seeds/DatabaseSeeder.php

@@ -11,6 +11,6 @@ class DatabaseSeeder extends Seeder
      */
     public function run()
     {
-        // $this->call(UsersTableSeeder::class);
+        $this->call(UsersTableSeeder::class);
     }
 }

resources/js/views/UserIndex.vue

@@ -38,7 +38,7 @@ export default {
                 .get('/api/users')
                 .then(response => {
                     this.loading = false;
-                    this.users = response.data;
+                    this.users = response.data.data;
                 }).catch(error => {
                     this.loading = false;
                     this.error = error.response.data.message || error.message;

routes/api.php

@@ -2,9 +2,7 @@
 
 use Illuminate\Http\Request;
 
-Route::get('/users', function() {
-    if(rand(1, 10) < 3) {
-        abort(500, 'We could not retrieve the users');
-    }
-    return factory('App\User', 10)->make();
+Route::namespace('Api')->group(function() {
+    Route::get('/users', 'UsersController@index');
 });
+