Fixed route guard ssr problem

CHANGELOG.md

@@ -16,6 +16,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Updated to Vue 2.6.6 - @filrak (#2456)
 - Null sidebar menu data on static page fixed - @filrak (#2456)
 - Fix cannot edit previous steps in checkout - @filrak (#2457)
+- Fixed route guard ssr problem - @vue-kacper (#2364)
 
 ## [1.8.2] - 2019.02.11
 - Fixed docker-compose configuration for network_mode and TS build config - @lukeromanowicz (#2415)

core/modules/user/hooks/afterRegistration.ts

@@ -4,6 +4,7 @@ import * as types from './../store/mutation-types'
 export function afterRegistration({ Vue, config, store, isServer }){
   if (!isServer) {
     store.dispatch('user/startSession')
+    store.dispatch('user/loadUserEarly')
 
     Vue.prototype.$bus.$on('user-before-logout', () => {
       store.dispatch('user/logout', { silent: false })

core/modules/user/router/beforeEach.ts

@@ -1,20 +1,32 @@
 import { Route } from 'vue-router'
 import rootStore from '@vue-storefront/store'
 import i18n from '@vue-storefront/i18n'
+import { isServer } from '@vue-storefront/core/helpers'
+import { router } from '@vue-storefront/core/app'
 
 export function beforeEach(to: Route, from: Route, next) {
   const requiresAuth = to.matched.some(route => route.meta.requiresAuth)
-
   if (requiresAuth) {
-    if (!rootStore.getters['user/isLoggedIn']) {
+    if (isServer) {
       next('/')
-      rootStore.dispatch('notification/spawnNotification', {
-        type: 'error',
-        message: i18n.t('You need to be logged in to see this page'),
-        action1: { label: i18n.t('OK') }
-      })
     } else {
-      next()
+      if (!rootStore.getters['user/isLoggedIn']) {
+        next('/')
+        rootStore.dispatch('notification/spawnNotification', {
+          type: 'error',
+          message: i18n.t('You need to be logged in to see this page'),
+          action1: { label: i18n.t('OK') }
+        })
+      } else {
+        if (!from.matched.length) {
+          next('/')
+          setTimeout(()=> {
+            router.push(to.path)
+          }, 0)
+        } else {
+          next()          
+        }
+      }
     }
   } else {
     next()

core/modules/user/store/actions.ts

@@ -8,7 +8,8 @@ import RootState from '@vue-storefront/core/types/RootState'
 import UserState from '../types/UserState'
 import { Logger } from '@vue-storefront/core/lib/logger'
 import { TaskQueue } from '@vue-storefront/core/lib/sync'
-import { UserProfile } from '../types/UserProfile';
+import { UserProfile } from '../types/UserProfile'
+import { currentStoreView } from '@vue-storefront/core/lib/multistore'
 // import router from '@vue-storefront/core/router'
 
 const actions: ActionTree<UserState, RootState> = {
@@ -43,6 +44,17 @@ const actions: ActionTree<UserState, RootState> = {
       Vue.prototype.$bus.$emit('session-after-started')
     })
   },
+  /**
+   * Retrieve authenticated user from browser cache synchronously
+   */
+  loadUserEarly (context) {
+    const storeView = currentStoreView()
+    const dbNamePrefix = storeView.storeCode ? storeView.storeCode + '-' : ''
+    const user = localStorage.getItem(`${dbNamePrefix}shop/user/current-user`);
+    if (user) {
+      context.commit(types.USER_INFO_LOADED, JSON.parse(user))  
+    }
+  },
   /**
    * Send password reset link for specific e-mail
    */