title: Nuxtjs async await in a page doesnt work on page refresh
body: <p>Am trying to fetch data in the fetch method of my page using vuex and nuxt js but whenever a person refreshes the page it fails but works when i navigate through nuxt navigation</p>
  
  <p>So in my page i have</p>
  
  <pre><code>    fetch ({ store, params }) {
          store.dispatch('getJobspecialisims')
      },
  
     //IVE ALSO TRIED ASYNC
       async asyncData (context) {
          await context.store.dispatch('getJobspecialisims');
      },
  </code></pre>
  
  <p>SO in my vuex action i have</p>
  
  <pre><code>   async getJobspecialisims({commit}){
        await axios.get(process.env.baseUrl+'/job-specialisims').then((res)=&gt;{
          commit(types.SET_JOB_SPECIALISIMS, res.data.data)
        },(err)=&gt;{
             console.log("an error occured ", err);
      });
    },
  </code></pre>
  
  <p>Now on my component where am fetching the records</p>
  
  <pre><code>&lt;div&gt;
    &lt;li v-for="(specialisim) in $store.getters.jobspecialisims"&gt;
      &lt;!-DO STUFF HERE-&gt;   
   &lt;/li&gt;
  </code></pre>
  
  <p>The http request is nver sent when a person refreshes the browser</p>
  
  <p>Where am i going wrong?
  I would prefer the async await method. I uderstand that it returns a promise but i have no idea on how to know when the promise has resolved. Thepage should always await untill the data has been completely ffetched hence ive called the fetch or asyncdata method in my page</p>
  
  <p>What else do i need to add or amend?</p>