Posts

Showing posts with the label vue js

file upload vue js + laravel api

 apiController.php function fileUpload(Request $request){         $file = new Fileuploads;         try {             $file->user_name = $request->name;         if($request->profile){             $public_des_path='public/files';     $fname = $request->file('profile');     $file->filename = $fname = $request->file('profile')->store('');     $request->file('profile')->storeAs($public_des_path,$fname);     $request->file('profile')->move('files/',$fname);         }         $file->save();         return response()->json([             'status'=>'true',             'message'=>'file uploaded!'         ]);         } catch (\Throwabl...

make post protected routes by laravel sanctum api + vuejs

 api.php file Route::middleware('auth:sanctum')->post('/blogpost', [apiController::class, 'blogPost']); ---------------------------------------------------------------------------------------------------------------- apiController.php function blogPost(Request $request){         try {             $blog = new Blogsposts;         $blog->blog_name = $request->name;         $blog->blog_description = $request->description;         $blog->save();                  return response()->json([             'status'=>'true',             'message'=>'BLOG PUBLISHED!'         ]);         } catch (Throwable $th) {             return response()->json([           ...

vue js protected routes

 import { createRouter, createWebHistory } from 'vue-router' import HomeView from '../views/HomeView.vue' import RegisterView from '../views/RegisterView.vue' import LoginView from '../views/LoginView.vue' import MyPagesView from '../views/MyPagesView.vue' const router = createRouter({   history: createWebHistory(import.meta.env.BASE_URL),   routes: [     {       path: '/',       name: 'home',       component: HomeView,       meta:{         isAuth: false       }     },     {       path: '/register',       name: 'register',       component: RegisterView,       meta:{         isAuth: false       }     },     {       path: '/login',       name: 'login',       component: LoginView,     ...