eolant / laravel-vuetify-spa-starter Goto Github PK

View Code? Open in Web Editor NEW

126.0 13.0 60.0 2.91 MB

Laravel Vuetify Starter SPA built with Laravel 6.0, JWT Auth, Vue 2, Vue Router 3, Vuex 3, Axios, Vuetify 2

License: MIT License

PHP 79.76% Vue 18.99% CSS 0.49% HTML 0.76%

laravel vuetify spa

laravel-vuetify-spa-starter's Introduction

Laravel Vuetify SPA Starter

Starter SPA built with Laravel 6.0, JWT Auth, Vue 2, Vue Router 3, Vuex 3, Axios, Vuetify 2

Included

Installation:

Clone the repo
Copy .env.example to .env
Configure .env
Run composer install
Run php artisan key:generate
Run php artisan jwt:secret
Run php artisan migrate
Run npm install
Make sure storage/framework/cache, storage/framework/sessions, storage/framework/views directories exist. Run mkdir -p storage/framework/{sessions,views,cache}

Usage

Run npm run watch for live reloading using BrowserSync
Run npm run hot for hot reloading
Run npm run prod for production buid

Bonus

Lightweight Vuetify Toast Snackbar
Checkout this Confirm Dialog Component that you can add and extend in your application

laravel-vuetify-spa-starter's People

Contributors

Stargazers

Watchers

laravel-vuetify-spa-starter's Issues

Vue validation not working properly for required fields

Hello!

I've been using your starter package to build a system and I can't find how to fix the 'required' validation made in /mixins/forms.

Everytime I use it, i get 'undefined' as field name, even without altering anything from your package.

You can try it after logging in and trying to edit your profile: Leave name or password field blank and the validation will occur with 'undefined' field.

Could you please help me?

Change port from 8080?

I'm not able to find this anywhere. All my files are trying to be served from localhost:8080 and my port is 80. Is there a place I can change this at?

Thanks for your help

JWT issue on login

I tried to migrate my work from local to live site. In my local development environment, all are working fine. but when I transferred it on live. I had an issue with the JWT TOKEN.

1ST: message: "Wrong number of segments"
2ND: message: "Token not provided"

I have tried to regenerate JWT key and clear all config, reboot the server but still no luck.

Access to XMLHttpRequest at 'http://localhost/api/register' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Can anyone has any idea why it's not working?

Question: why not passport instead of jwt?

'laravel-vuetify-spa-starter' not working on IE or Edge

'laravel-vuetify-spa-starter' not working on IE or Edge
Errors:

IE 11: "SCRIPT1003: Expected ':'"
Edge: "SCRIPT1028: SCRIPT1028: Expected identifier, string or number"
I configured 'vue.config.js', '.babelrc', babel.config.js' according to https://vuetifyjs.com/en/getting-started/quick-start#edge-support but no success.
How to configure webpack?

I had an issue with cloned repo. When I authenticate with my username and password and refresh the page, on bottom right corner shows "Token Signature could not be verified."
I run this app in laravel homestead VM.