I am using VueJS and Laravel API SPA with Sanctum. While submitting my login details on localhost:8000/login i face no issue, however, while trying to run the same using 127.0.0.1:8000/login i get a message "CSRF token mismatch." my settings are as under .env file SESSION_DRIVER=cookie SANCTUM_STATEFUL_DOMAINS=127.0.0.1:8000,localhost:8000,localhost:3000,127.0.0.1:3000 SESSION_DOMAIN=localhost,127.0.0.1 cors: ‘paths’ => [‘api/*’, ‘sanctum/csrf-cookie’], ‘allowed_methods’ => [‘*’], ..
Category : laravel-vue
I have a requirement to use vue js slot to inject the content anywhere in the dom. The component is going to have props as below – 1. in: The target element. Should be able to accept a string selector, or an element as object. 2. as: Defines one of the insert modes: (append, prepend, ..
i’m currently learning Vue.js with laravel, but i can’t find any tutorial which doing CRUD inside a login page (php artisan make:auth), are there any recommendations for this kind of tutorial? thank you in advance! Sourc..
I am using vue in laravel. npm run watch is working fine to me, But when I am creating a build out of it, it throwing me the following error. > [email protected] build C:wamp64wwwlaravel-vuelaravel-vue-cli-3frontend > del -rf ../public/{js,css,img} && vue-cli-service build –no-clean Parameter format not correct – "public". npm ERR! code ELIFECYCLE npm ERR! errno ..
First of all I must tell you that my code is working on my localhost, the error I am getting is only on development server after deployment. I am getting error on $list = Listing::create($data); Here is my payload for $data array:25 [ "seller1_name" => "Seller 1" "seller2_name" => "Seller 2 test" "listing_date" => "2020-12-17" ..
I am figuring out how I can download a text file on the client side using vuejs. I have searched and all what I have done is to install Filesaver in laravel application using npm install file-saver –save I am also not sure how I will import it in my component or include it in ..
I am creating a single page application using laravel and vue. it’s not loading index component on page load. Welcome.blade.php <body> <div id="app"> <router-view></router-view> </div> <script src="{{asset(‘js/app.js’)}}"></script> </body> router.js file import Vue from ‘vue’; import VueRouter from ‘vue-router’; Vue.use(VueRouter) const routes = [ { path: ‘/’, component: require(‘./components/IndexComponent.vue’) }, { path: ‘/login’, component: require(‘./components/LoginComponent.vue’) } ..
I have a problem attaching blade content in the adminLTE dashboard starter package. I am also using vue js components and they are displayed well using router-link. Am managing users with pure laravel without vue Js and I want to include that blade in the same dashboard. Is this possible? my code: <li class="nav-item"> <router-link ..
Am developing a laravel package like Horizon. My package exposes a dashboard created in vue.js. I have been able to add vue to the package and can run commands like npm run watch, my assets get compiled and currently the only way I can view the changes is if I run the artisan publish command ..
i’m pretty new to vue.js also i’m using laravel 8 and php 7.24 what i want to do is access pages without reloading. i’ve set up vue.js and i have two vue components which i need to route one to another. problem is i can see the home.vue file’s ingrediants but routing function doesn’t work. ..
Recently I have build up a Laravel Project, and I tried to integrate it with Vue.js and using the command line npm run watch to see the result, but it shows up some errors. Not only that, I also did not see any Vue components show up in my project when I run php artisan ..
We are experiencing problems after a Vue update. However, we cannot locate the error. Could anyone help us find this problem? This has occurred in the dashboard at a certain section where we show the payments from our users, so the admins can look into this. The code: addCollection: function (employee) { var self = ..
I have a Laravel-vue application and a comment system for posts. I have logged in with account in chrome browser and with another account in opera. When I am trying to comment something from one account, the comment form is submitted for both accounts. What could be the possible reason? Sourc..
I am currently working in a laravel vue app. I want to get logged in user’s is in my main js file.How can I do this? This method is not working: This is my main HTML or blade files head tag code <meta name="user_id" content="{{Auth::check() ? Auth::user()->id:’0′}}"> Tried to get this in my main.js file ..
I added two columns at the database table, also added those two columns at the model fillable attribute. When I run a route to see the result. It’s saying unknown column. Actually it exists at the database Table. I am working on Laravel with Vue project. Now am facing deployment issues. First of all, when ..
I have a project setup that runs Nuxt JS on frontend and Laravel on backend. My project directory setup is something like this My App Frontend (Vue) Api (Laravel) I have made a upload functionality of image which saves the image inside laravel public folder. Now I want to access the Public folder of laravel ..
please help me that how can I get like I get in console.loge in Html tag, I want to get this console.log(this.likeDes[0].like_dislike) in <span class="fa fa-heart-o"></span> Source: Laravel Sta..
I try to take customer (name, address) based on phone number input. if customer is there then I want the name and address to auto-filled based on customer data we got. below are my code. my form <v-row> <v-col cols="12"> <v-text-field :rules="contactRules" v-model="form.contact" label="Contact" type="number" @input="searchCustomerContact"></v-text-field> </v-col> <v-col cols="12"> <v-text-field :rules="nameRules" v-model="form.name" label="Name"></v-text-field> </v-col> <v-col ..
Web Development Company
