Laravel Rest Api With Passport Authentication Crud Integrated VUEJS

  • ১. laravel vuejs কন্ফিগার করা।
  • ২. passport প্যাকেজ কনফিগার করা এবং মডেল ফাইল কে কনফিগার করা link
  • ৩.vuejs টেম্পলেট থেকে রিকোয়েস্ট পাঠানো.
<template>
   <div>
       <h2> Contact Us</h2>
       <form v-on:submit.prevent="submitform">
            <div class="form-group">
                <label for="title">Title</label>
                <input type="text" class="form-control" id="title" v-model="form.title"/>
            </div>
           <div class="form-group">
               <label for="description">Description</label>
               <input type="text" class="form-control" id="description" v-model="form.description"/>
           </div>
           <div class="form-group">
               <button type="submit" class="btn btn-info">Submit</button>
           </div>
       </form>
   </div>
</template>
<script>
import axios from 'axios';
export default {
    name:"Insert",
    data(){
        return{
            form:{
                title:"",
                description:""
            }
        }
    },
    methods:{
        submitform(){
            const token = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJhdWQiOiI5MWIwN2IxNC0zNTQwLTRmYjktYjRhMC0zZDhkNmJiZWZlYzIiLCJqdGkiOiJhM2MyYmYwMzE3MmM5OWIxMWFjZjExOWY0YWQ1N2Q3Mzk4ZjlkNGE5YWMwZjhhMzhlN2Q1NGM1ZmFlMzUwN2RiNjQyMTNiMDM3MWQyYTdmMiIsImlhdCI6MTYwMTk3MDQwMCwibmJmIjoxNjAxOTcwNDAwLCJleHAiOjE2MzM1MDYzOTksInN1YiI6IjE4Iiwic2NvcGVzIjpbXX0.BDfyPe6DV4ty-KAtbj_VcUSdP2s4p2U3-I3o0k4B84NJ1lQF6FabeFjYoTOEQb1sJvP4jf9XdMMtAJt8GMwGcewCfCe5GGhVEX0wXdJmOwNg7Frt97O48nn_05qfPhA4sEaHC365kcSLscxEuWgsXsXj46N2K1Rfu0SvFgDh4fv5iVGmuQP7mTniv-acNeVSZbNVgkm1l1Guyic-3ZvlNJRBNcmA3hQy1cNEjAb_vMnHTFLkBIbj73SMhh83kiDmn3_dFdSrzB6d5umkYEC68voIiBub6dmnL8aighvIIXHo2nFtKbi38Ss7ag2P3B3fKC3NjLBsMeR6stU-5uoiKfCp1CwiBPs1VSWKxNF5hvn5yJ-svNOZknIV2r_VqlEID68OsTTTqD2Q96VO131-TwTNet1VVZHNTi6f9Y2paMrEADXNvTmF2jmy2SLXPKEc0VxODCMZ3-21a7s71CgANR77gUbOy4zGCzH5xNx1tregH4zGNd6cg954dcyVgm_na-2LxTbU7JVc8kQetpIt1Il86dA1fIgKifCGCnJ1yFcHMRtu58_BeeywUIHtfcnq4A9gB6jNv3IDJcvQLEdCOmw81UwCO0yWWmLy1ReeEu_jEVAXUKmXf-FTgmOV-G930ad6yZ_KahlbOYiXAkLKIVW3e5-jGMoO3_PscY60JQY';
            axios.defaults.headers.common['Authorization'] = 'Bearer ' + token;
            axios.get('http://localhost:8000/api/posts',this.form,{
                headers: {
                    'Accept': 'application/json'
                }
            }).then((res) => {
                console.log(res.data);
            }).catch((error) => {

            }).finally(() => {

            });
        }
    }
}
</script>

<style>

</style>

Published by

Unknown's avatar

Nusrat Faria

I Am A Web Developer And A Android Developer. This Is My Personal Blog So Noted My Work For Helping People .

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.