I’m working on a Laravel 8 Project with Sanctum and VueJs, and I would like to know if there is any way to send the token without write each time header in my axios request: const token = localStorage.getItem("token"); axios .get("/api/endpoint/", { headers: { "Content-Type": "application/json", Authorization: "Bearer " + token } }) .then(response => ..
Category : vue.js
Vue console error log Am getting this 422 (Unprocessable Entity) error while trying to do a POST request using Laravel and Vue-resource. I currently have the following codes: register() { this.loading = true; this.axios.post(‘register’, { firstname: this.firstname, lastname: this.lastname, email: this.email, password: this.password, password_confirmation: this.password_confirmation }) .then(response => { this.loading = false; this.name = ”; ..
I have this code in vue/vuetify where am able to search on multiple columns. However i have this column shop where it has a nesting array on it. { id: 1, code: "5555", description: "Pen", shop:{ id:’1′, name:’Shop 1′ }, remarks: ”, }, so since the shop field having a nested array i cannot declare ..
I would like to add some dynamism to my blade pages. For example if I select a certain value in a select, then make certain inputs of the form appear or disappear. I told myself that this is an opportunity to put some "vue" functionnalities in my pages, to learn. To do this I followed ..
ran into a bit of an issue. I’m running a next js frontend with a laravel + inertia custom cms, I have my next js app setup so that I can read translation files via an API call to display inside of the cms. E.g. I have a TranslationsAPI.php file which contain a few functions, ..
I am using Laravel and Vue and when I run yarn run dev get this error errorImg I try rm -rf node_modules rm package-lock.json yarn.lock yarn cache clean yarn add cross-env but not work): what should I do ? Sourc..
I have a step form with 3 steps and it stops at third step before submission. On debugging it is found methos not allowed exception. my code is as below if(this.step == 39){ console.log(this.readinessAssessment); console.log(this.jobSeekerId); this.showLoader = false; axios.post(‘/save-competencies’, {readinessAssessment: this.readinessAssessment, jobSeekerId: this.jobSeekerId}) .then(response => { console.log(response); if(response.data.success){ this.competenciesPart = false; this.applicationAccepted = true; setTimeout(() ..
I have a project with laravel and vue but I want to use react instead of vue. in laravel blade have used a div like below <follow-button user-id="{{$user-id}}"></follow-button> and in the vue js file have written like below props:[‘userId’], inside export default{} and accessing it, this.userId I have searched and tried below code <script> let ..
I have a project with laravel and vue but I want to use react instead of vue. in laravel blade have used a div like below <follow-button user-id="{{$user->id}}"></follow-button> and in the vue js file have written like below props:[‘userId’], inside export default{} and accessing it using, this.userId I have searched and tried below code <script> ..
I’m using Laravel with Chromelogger to log messages to the console in DevTools. I added this in config/logging.php: ‘chrome’ => [ ‘driver’ => ‘monolog’, ‘handler’ => MonologHandlerChromePHPHandler::class, ‘formatter’ => MonologFormatterChromePHPFormatter::class ], and set this in the .env file LOG_CHANNEL=chrome and use it like this in a controller or model : use IlluminateSupportFacadesLog; Log::info(‘This is a ..
I have a Laravel/Vue site (compiled with Laravel-Mix) that has multiple entry points for Vue.js. Each section of the site has its own "app.js" file (each has a unique name, of course) that imports its own set of components, modules, plugins, etc. There is also a set of elements common to all of these entry ..
In these day i decided with a friend who study frontend to start the develop of our idea. We was thinking which is the best way to work together since the app is a Vue app that interface to an API powered by Laravel. What should we do to work together? Create two different GitHub ..
Not sure what I am doing wrong. I have a laravel 8 application where I am storing my time in UTC with timestamp_no_timezone in postgresql. When I view the time in the database it is showing today’s date with 13:45 as the time. When I use vue-moment and display the time with the timezone set ..
when I try to run npm install it stop at this error [………………] | idealTree:regal: sill idealTree buildDeps I have tried for fix it for a long time and I tried several ways but it was not work. PLZ help me if you are informed. Sourc..
I am working on a Laravel and Vue project, at the moment of executing the server php run serve the project works normally, I can log in normally but, when I run the vue compilation command npm run watch or npm run dev the page stops loading and throws me an error in the console ..
I’m working on a small chat project, but it seems like Laravel echo is not listening, since I can see the log (message) correctly on pusher website dashboard this is my code : mounted: function(){ Echo.private(‘chat’).listen(‘MessageSent’, (e) => { console.log(e) }); }, This is my bootstrap.js file import Echo from ‘laravel-echo’; window.Pusher = require(‘pusher-js’); window.Echo ..
I have my VueJs form like this with v-model <select name="service_id" v-model="client.services[0].pivot.service_id"> <option v-for="service in services" v-bind:key="service.id" v-bind:value="service.id"> {{ service.company_name }} </option> </select> and i am sending the data in json using return Client::with(‘services’)->find($clientd); with belongsToMany in my Client and Service Model with clients_services as pivot table. I am having problem updating the form because ..
I have trouble on laravel inertia post method on share hosting , most of time post methods does worked well but sometimes it doesn’t work and loading time too long and fail to submit data. Sourc..
Im building SPA project and I wanna make it as customizable as can. I want to edit settings like: Title, description, Google tags, favicons, logo, settings like e-mail configs etc. In future styles or smth like that. Of course that data will be editable through admin panel. Some of config data will be fetch on ..
I want to build a client application based on Vue CLI using Axios to make requests to my API backend build with Laravel using the Sanctum Package in order to authorize requests. The error I receive is the following: Access to XMLHttpRequest at ‘http://api.webgame.test/register’ from origin ‘http://webgame.test:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ ..
i looked already in every question and couldn’t find a solution for my problem I am looking forward to your help. My Problem: i use Laravel 8 and tried to implement Laravel Chatter and now it’s working partly but the vue css and vue js is not loading…every normal css and js is loading Screenshot ..
I deployed frontend and backend in a shared hosting. When I call api, then shows this errors in browser console. xhr.js:210 Mixed Content: The page at ‘https://front.thecomicden.com/’ was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ‘http://back.thecomicden.com/api/allTask’. This request has been blocked; the content must be served over HTTPS. createError.js:16 Uncaught (in promise) Error: ..
I am trying to use laravel vue pagination on my vue3 typescript app https://github.com/gilbitron/laravel-vue-pagination I have installed the library and registered it on my index.ts <template> <div> <table> <tr v-for="(hub, index) in hubs" :key="index"> <td>{{ index + 1 }}</td> <td>{{ hub.name }}</td> <td>{{ hub.contact_address }}</td> </tr> </table> <pagination :data="hubs" @pagination-change-page="getResults"></pagination> </div> </template> Javascript <script lang="ts"> ..
I am trying to use laravel vue pagination on my vue3 typescript app https://github.com/gilbitron/laravel-vue-pagination I have installed the library and registered it on my index.ts <template> <div> <table> <tr v-for="(hub, index) in hubs" :key="index"> <td>{{ index + 1 }}</td> <td>{{ hub.name }}</td> <td>{{ hub.contact_address }}</td> </tr> </table> <pagination :data="hubs" @pagination-change-page="getResults"></pagination> </div> </template> Javascript <script lang="ts"> ..
I’m working on a project using Laravel and VueJs, i’m getting some data using Axios, but i’m not able to display it on my component, This my data returned : { "record": [ { "id": 1003, "name": "audreanne87", "email": "[email protected]", "email_verified_at": "2022-01-08T02:10:04.000000Z", "created_at": "2022-01-08T02:10:04.000000Z", "updated_at": "2022-01-08T02:10:04.000000Z" } ] } When I do {{ record }} ..
Web Development Company
Free Hosting Company
