title: Data is not fetched after redirect
body: <p>I have the following actions in my vuejs app vuex store:</p>
  
  <pre><code> import { HTTP } from '@/services/http'
  import router from '@/router'
  
  export const actions = {
    loginUser ({ commit }, params) {
      HTTP.post('v1/login.json', { email: params.email, password: params.password })
      .then(response =&gt; {
        localStorage.setItem('access_token', response.data.token)
        router.push({name: 'Hello'})
      }).catch(error =&gt; {
        commit('SET_LOGIN_ERROR', error.response.data.error)
      })
    },
  
    myAccount ({ commit }, params) {
      HTTP.get('v1/my_account.json', { headers: {'Authorization': 'Token token=' + localStorage.getItem('access_token')} })
      .then(response =&gt; {
        commit('SET_USER', response.data)
      })
    },
  
    logout ({ commit }, params) {
      HTTP.delete('v1/logout.json', { headers: {'Authorization': 'Token token=' + localStorage.getItem('access_token')} })
      .then(response =&gt; {
        localStorage.removeItem('access_token')
        commit('SET_USER', {})
      })
    }
  }
  </code></pre>
  
  <p>and the following navigation component:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      {{user.first_name}}
      {{user.last_name}}
      {{user.email}}
      &lt;button v-on:click="logout()" v-if="Object.keys(user).length !== 0"&gt;Logout&lt;/button&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    import { mapActions, mapGetters } from 'vuex'
  
    export default {
      name: 'hello',
      methods: {
        ...mapActions(['myAccount', 'logout'])
      },
  
      beforeMount: function () {
        if (localStorage.getItem('access_token')) {
          this.myAccount()
        }
      },
  
      computed: {
        ...mapGetters(['user'])
      }
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>This component is mounted inside App.Vue:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div id="app"&gt;
      &lt;navigation&gt;&lt;/navigation&gt;
      &lt;router-view&gt;&lt;/router-view&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    import Navigation from './components/Navigation.vue'
  
    export default {
      components: { Navigation },
      name: 'app'
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>The problem is following:</p>
  
  <ol>
  <li>I visit login page and type valid email and password.</li>
  <li>I'm redirected to root path. Naviagation component should retrieve user data from api but it does not do that.</li>
  <li>When I refresh page with F5 Navigation component gets data properly.</li>
  </ol>
  
  <p>How can I fix that?</p>