pochwar / laravel-vue-spa Goto Github PK

On laravel 6.2, with vuetify add-on, Refresh token on automation isnt working anymore. after a minute or two of afk, im getting an { error : 'unauthorized'}.

Is there any solution here?

If i login as an admin i get a 403, i cannot seem to pin point where it goed wrong but the initial fail starts on Login.vue line: 49 eventually the AdminDashboard route redirects you to a 403.

I've built my own app based on your medium article but because i couldn't debug the issue i downloaded your github package but the issue remains. Do you know where i can debug further?

Hi,

I have followed your article at medium.com and installed from this github repo. everything works ok but I encounter an error I can't solve and this, with every other Laravel Vue SPA I have tried (included yours).

I have set in .env:
APP_URL=http://localhost:8000
MIX_APP_URL="${APP_URL}"

in file webpack.mix.js I have set:
require('dotenv').config();
...
mix.browserSync({
proxy: process.env.APP_URL
});

Then I run

php artisan serve
npm run dev

I go to localhost:8000 and everything works fine. No problem.

but if I run
php artisan serve
npm run watch

If I go to localhost:3000 (browserSync port), I can't login and API calls in the browsaer console are those:

OPTIONS http://localhost:8000/api/auth/[email protected]&password=admin [HTTP/1.0 200 OK 46ms]

POST http://localhost:8000/api/auth/[email protected]&password=admin [HTTP/1.1 200 OK 152ms]

OPTIONS http://localhost:8000/api/auth/user [HTTP/1.0 200 OK 31ms]

GET http://localhost:8000/api/auth/user

The responses are success on login and in the last OPTIONS and GET the token is not sent and so it's a failure.

This results in not having hot reload in the browser and it's a pity. Has anyone found a solution to that problem?

i download the project and run have database migrated everything work,,run php artisan server
.but when i click login i m getting this error
{message: "The POST method is not supported for this route. Supported methods: GET, HEAD.",…}

app.js:1458 POST http://127.0.0.1:8000/undefined/api/auth/[email protected]&password=secret 405 (Method Not Allowed)

When i try to login or register its sending Request method:OPTIONS

Request URL:http://localhost:8000/api/auth/[email protected]&password=admin
Request method:OPTIONS

Request URL:http://localhost:8000/api/auth/register
Request method:OPTIONS

Any explanation why its not sending POST request?
I didn't change a thing, default installation.
Btw this results in login/register not working.

I tried your tutorial and was able to create it as was mentioned on medium tutorial.

But i started facing issue when i tried login.

login is successful but when user is redirected. in view it's still on login page and in network tab i get {"error":"Unauthorized"} on http://localhost:8000/api/auth/user.

i thought of downloading your git version and trying it to run and it run's successfully. but when i make changes to package.json and composer as per my requirement i get error as above.
Note: i had to update the vue version to the latest in git local copy.

============== package,json ==================

{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "npm run development -- --watch",
"watch-poll": "npm run watch -- --watch-poll",
"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"devDependencies": {
"axios": "^0.19",
"browser-sync": "^2.26.7",
"browser-sync-webpack-plugin": "^2.2.2",
"cross-env": "^5.1",
"laravel-mix": "^4.0.7",
"resolve-url-loader": "^2.3.2",
"sass": "^1.15.2",
"sass-loader": "^7.1.0",
"vue": "^2.6.10",
"vue-template-compiler": "^2.6.10",
"webpack-cli": "^3.3.4"
},
"dependencies": {
"@chenfengyuan/vue-carousel": "^1.0.2",
"@tailwindcss/custom-forms": "^0.1.*",
"@websanova/vue-auth": "^2.21.14-beta",
"es6-promise": "^4.2.8",
"hamburgers": "^1.1.3",
"moment": "^2.24.0",
"tailwindcss": "^1.0.4",
"vue-ads-pagination": "^2.1.4",
"vue-axios": "^2.1.4",
"vue-router": "^3.0.6",
"vue-scrollto": "^2.15.0",
"vue-tinymce-editor": "^1.6.2"
}
}

=============== composer.json =================

{
"name": "laravel/laravel",
"type": "project",
"description": "The Laravel Framework.",
"keywords": [
"framework",
"laravel"
],
"license": "MIT",
"require": {
"php": "^7.1.3",
"barryvdh/laravel-cors": "^0.11.3",
"fideloper/proxy": "^4.0",
"laravel/framework": "5.8.*",
"laravel/tinker": "^1.0",
"tymon/jwt-auth": "dev-develop"
},
"require-dev": {
"beyondcode/laravel-dump-server": "^1.0",
"filp/whoops": "^2.0",
"fzaninotto/faker": "^1.4",
"mockery/mockery": "^1.0",
"nunomaduro/collision": "^3.0",
"phpunit/phpunit": "^7.5"
},
"config": {
"optimize-autoloader": true,
"preferred-install": "dist",
"sort-packages": true
},
"extra": {
"laravel": {
"dont-discover": []
}
},
"autoload": {
"psr-4": {
"App\": "app/"
},
"classmap": [
"database/seeds",
"database/factories"
]
},
"autoload-dev": {
"psr-4": {
"Tests\": "tests/"
}
},
"minimum-stability": "dev",
"prefer-stable": true,
"scripts": {
"post-autoload-dump": [
"Illuminate\Foundation\ComposerScripts::postAutoloadDump",
"@php artisan package:discover --ansi"
],
"post-root-package-install": [
"@php -r "file_exists('.env') || copy('.env.example', '.env');""
],
"post-create-project-cmd": [
"@php artisan key:generate --ansi"
]
}
}

Upon following the readme and trying to visit the site I get a No input file specified. It's probably a simple typo somewhere... But do you have any ideas?

hy pochwar, I am having issue regaridng import auth from '@websanova/vue-auth/dist/v2/vue-auth.esm.js';
when ever i keep this in code which is necessary I having issue

if you could please give a hint that would be so helpful

Hello,

I have the impression that as soon as the token skips it causes an error:

message The token has been blacklisted
exception Tymon\JWTAuth\Exceptions\TokenBlacklistedException

Do you have an idea of what to do to correct?

Thank you

After clone the project try to login or register but every time have this type of issue :
Access to XMLHttpRequest at 'http://127.0.0.1:8000/api/auth/[email protected]&password=admin' from origin 'http://localhost:8000' 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 you help me?