Qasim Nadeem
Qasim Nadeem's

Qasim Nadeem's

Laravel - Creating WebAPI to connect with Angular, VUE, React, Next.js

Laravel - Creating WebAPI to connect with Angular, VUE, React, Next.js

Qasim Nadeem's photo
Qasim Nadeem
·May 30, 2022·

1 min read

Play this article

Laravel makes creating WebAPI to connect with Angular, VUE, React, Next.js real easy.

Code focuses Laravel8 onwards and targets receiving JSON data thru WebAPI without going into security complications.

Pre-readiness: Database/table with the name 'posts' is ready and filled with required data

Step1: Create controller names Blog -> php artisan make:controller Blog
Step2: Open the controller and place the following code:
use DB;
class Blog extends Controller
{
function postapi(){
$rs = DB::table('posts')->get();
return response()->json($rs);
}
}
Step3: Open routes/web.php and place the following code:
Route::controller(Blog::class)->group(function () {
Route::get('/postapi', 'postapi');
});
Step4: localhost/projectname/postapi

 
Share this