Use FreshApiToken instead of Personal access token for front-end auth

app/Http/Controllers/Auth/LoginController.php

@@ -69,8 +69,7 @@ class LoginController extends Controller
      */
     public function logout(Request $request)
     {
-        $accessToken = Auth::user()->token();
-        $accessToken->revoke();
+        Auth::logout();
 
         return response()->json(['message' => 'signed out'], Response::HTTP_OK);
     }
@@ -86,14 +85,12 @@ class LoginController extends Controller
     {
         $this->clearLoginAttempts($request);
 
-        $success['token'] = $this->guard()->user()->createToken('2FAuth')->accessToken;
         $success['name'] = $this->guard()->user()->name;
 
         $this->authenticated($request, $this->guard()->user());
 
         return response()->json([
             'message' => 'authenticated',
-            'token' => $success['token'],
             'name' => $success['name']
         ], Response::HTTP_OK);
     }

app/Http/Controllers/Auth/RegisterController.php

@@ -4,14 +4,10 @@ namespace App\Http\Controllers\Auth;
 
 use App\User;
 use App\Http\Requests\UserStoreRequest;
-use Illuminate\Http\Request;
-use Illuminate\Support\Facades\DB;
 use App\Http\Controllers\Controller;
 use Illuminate\Support\Facades\Hash;
 use Illuminate\Auth\Events\Registered;
-use Illuminate\Support\Facades\Validator;
 use Illuminate\Foundation\Auth\RegistersUsers;
-use Illuminate\Validation\ValidationException;
 
 class RegisterController extends Controller
 {
@@ -40,9 +36,10 @@ class RegisterController extends Controller
         $validated = $request->validated();
         event(new Registered($user = $this->create($validated)));
 
+        $this->attemptLogin($request);
+
         return response()->json([
             'message' => 'account created',
-            'token' => $user->createToken('2FAuth')->accessToken,
             'name' => $user->name,
         ], 201);
     }

app/Http/Kernel.php

@@ -37,6 +37,7 @@ class Kernel extends HttpKernel
             \Illuminate\View\Middleware\ShareErrorsFromSession::class,
             \App\Http\Middleware\VerifyCsrfToken::class,
             \Illuminate\Routing\Middleware\SubstituteBindings::class,
+            \App\Http\Middleware\CustomCreateFreshApiToken::class,
         ],
 
         'api' => [

app/Http/Middleware/CustomCreateFreshApiToken.php

@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Laravel\Passport\Http\Middleware\CreateFreshApiToken as CreateFreshApiToken;
+
+class CustomCreateFreshApiToken extends CreateFreshApiToken
+{
+   
+    /**
+     * Determine if the request should receive a fresh token.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return bool
+     */
+    protected function requestShouldReceiveFreshToken($request)
+    {
+        return $request->user($this->guard);
+    }
+}

app/Providers/AuthServiceProvider.php

@@ -25,8 +25,16 @@ class AuthServiceProvider extends ServiceProvider
     public function boot()
     {
         $this->registerPolicies();
-        Passport::routes();
 
+        // Normally we should set the Passport routes here using Passport::routes().
+        // If so the passport routes would be set for both 'web' and 'api' middlewares without
+        // possibility to exclude the web middleware (we can only pass additional middlewares to Passport::routes())
+        // 
+        // The problem is that 2Fauth front-end uses the Laravel FreshApiToken to consum its API as a first party app.
+        // So we have a laravel_token cookie added to each response to perform the authentication.
         //
+        // Don't know why but when passing through the web middleware the requests to Personal Access Tokens management routes return
+        // responses with inconsistent cookies that make the next request unauthorized.
+        // To avoid this the Passport routes for PAT management are set in the /routes/api.php file
     }
 }

resources/js/api.js

@@ -7,27 +7,18 @@ Vue.use(VueAxios, axios)
 
 Vue.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
 
-let token = document.head.querySelector('meta[name="csrf-token"]');
-
-if (token) {
-    Vue.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
-} else {
-    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
-}
+// let token = document.head.querySelector('meta[name="csrf-token"]');
 
+// if (token) {
+//     Vue.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
+// } else {
+//     console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
+// }
 
 Vue.axios.interceptors.request.use(function (request) {
 
-    const authToken = localStorage.getItem('jwt')
-
-    if(authToken) {
-        request.headers.common['Authorization'] = 'Bearer ' + authToken
-    }
-
     request.headers.common['Content-Type'] = 'application/json'
-
     return request
-
 })
 
 Vue.axios.interceptors.response.use(response => response, error => {
@@ -46,8 +37,6 @@ Vue.axios.interceptors.response.use(response => response, error => {
     let routeName = 'genericError'
 
     if ( error.response.status === 401 ) {
-        localStorage.removeItem('jwt');
-        localStorage.removeItem('user');
         routeName = 'login'
     }
     

resources/js/mixins.js

@@ -12,7 +12,7 @@ Vue.mixin({
 
         async appLogout(evt) {
 
-            await this.axios.get('api/user/logout')
+            await this.axios.get('/user/logout')
 
             this.$storage.clear()
             delete this.axios.defaults.headers.common['Authorization']

resources/js/routes.js

@@ -56,21 +56,9 @@ router.beforeEach((to, from, next) => {
         to.params.isFirstLoad = isFirstLoad ? true : false
         isFirstLoad = false;
     }
-    
 
-    if (to.matched.some(record => record.meta.requiresAuth)) {
-        // Accesses to restricted pages without a jwt token are routed to the login page
-        if ( !localStorage.getItem('jwt') ) {
-            next({
-                name: 'login'
-            })
-        }
-        // If the jwt token is invalid, a 401 unauthorized is send by the php backend
-        else {
-            next()
-        }
-    }
-    else next()
+    next()
+
 });
 
 router.afterEach(to => {

resources/js/views/auth/Login.vue

@@ -37,14 +37,9 @@
             handleSubmit(e) {
                 e.preventDefault()
 
-                this.form.post('/api/user/login', {returnError: true})
+                this.form.post('/user/login', {returnError: true})
                 .then(response => {
-                    localStorage.setItem('user',response.data.name)
-                    localStorage.setItem('jwt',response.data.token)
-
-                    if (localStorage.getItem('jwt') != null){
-                        this.$router.push({ name: 'accounts', params: { toRefresh: true } })
-                    }
+                    this.$router.push({ name: 'accounts', params: { toRefresh: true } })
                 })
                 .catch(error => {
                     if( error.response.status === 401 ) {
@@ -61,9 +56,9 @@
         },
 
         beforeRouteEnter (to, from, next) {
-            if (localStorage.getItem('jwt')) {
-                return next('/');
-            }
+            // if (localStorage.getItem('jwt')) {
+            //     return next('/');
+            // }
 
             next(async vm => {
                 const { data } = await vm.axios.get('api/user/name')

resources/js/views/auth/Register.vue

@@ -33,12 +33,7 @@
 
                 this.form.post('/api/user', {returnError: true})
                 .then(response => {
-                    localStorage.setItem('user',response.data.name)
-                    localStorage.setItem('jwt',response.data.token)
-
-                    if (localStorage.getItem('jwt') != null){
-                        this.$router.push({ name: 'accounts', params: { toRefresh: true } })
-                    }
+                    this.$router.push({ name: 'accounts', params: { toRefresh: true } })
                 })
                 .catch(error => {
                     console.log(error.response)

routes/api.php

@@ -13,10 +13,17 @@ use Illuminate\Http\Request;
 |
 */
 
+Route::group(['middleware' => 'auth:api'], function () {
+
+    Route::get('oauth/personal-access-tokens', '\Laravel\Passport\Http\Controllers\PersonalAccessTokenController@forUser')->name('passport.personal.tokens.index');
+    Route::post('oauth/personal-access-tokens', '\Laravel\Passport\Http\Controllers\PersonalAccessTokenController@store')->name('passport.personal.tokens.store');
+    Route::delete('oauth/personal-access-tokens', '\Laravel\Passport\Http\Controllers\PersonalAccessTokenController@destroy')->name('passport.personal.tokens.destroy');
+
+});
+
 Route::group(['middleware' => 'guest:api'], function () {
 
     Route::get('user/name', 'Auth\UserController@show')->name('user.show.name');
-    Route::post('user/login', 'Auth\LoginController@login')->name('user.login');
     Route::post('user', 'Auth\RegisterController@register')->name('user.register');
     Route::post('user/password/lost', 'Auth\ForgotPasswordController@sendResetLinkEmail')->middleware('AvoidResetPassword')->name('user.password.lost');;
     Route::post('user/password/reset', 'Auth\ResetPasswordController@reset')->name('user.password.reset');
@@ -28,7 +35,6 @@ Route::group(['middleware' => 'auth:api'], function() {
     Route::get('user', 'Auth\UserController@show')->name('user.show');
     Route::put('user', 'Auth\UserController@update')->name('user.update');
     Route::patch('user/password', 'Auth\PasswordController@update')->name('user.password.update');
-    Route::post('user/logout', 'Auth\LoginController@logout')->name('user.logout');
 
     Route::get('settings/{settingName}', 'SettingController@show')->name('settings.show');
     Route::get('settings', 'SettingController@index')->name('settings.index');

routes/web.php

@@ -16,4 +16,13 @@
 // });
 
 // Route::get('twofaccount/{TwoFAccount}', 'TwoFAccountController@show');
+
+Route::group(['middleware' => 'guest:web'], function () {
+    Route::post('user/login', 'Auth\LoginController@login')->name('user.login');
+});
+
+Route::group(['middleware' => 'auth:web'], function () {
+    Route::get('user/logout', 'Auth\LoginController@logout')->name('user.logout');
+});
+
 Route::get('/{any}', 'SinglePageController@index')->where('any', '.*')->name('landing');