页面中的Nuxt.js异步等待在页面刷新上不起作用

我试图使用vuex和nuxt js在页面的获取方法中获取数据，但是每当有人刷新页面时，它都会失败，但是当我通过nuxt导航进行导航时

所以在我的页面中

    fetch ({ store, params }) {
        store.dispatch('getJobspecialisims')
    },

   //IVE ALSO TRIED ASYNC
     async asyncData (context) {
        await context.store.dispatch('getJobspecialisims');
    },

所以在我的vuex动作中

   async getJobspecialisims({commit}){
      await axios.get(process.env.baseUrl+'/job-specialisims').then((res)=>{
        commit(types.SET_JOB_SPECIALISIMS, res.data.data)
      },(err)=>{
           console.log("an error occured ", err);
    });
  },

现在在我的组件中要获取记录的位置

<div>
  <li v-for="(specialisim) in $store.getters.jobspecialisims">
    <!-DO STUFF HERE->   
 </li>

当有人刷新浏览器时，不会发送http请求

我要去哪里错了？我更喜欢异步等待方法。我理解它会返回一个承诺，但是我不知道如何知道承诺何时解决。该页面应始终等待，直到数据被完全提取，因此在我的页面中称为fetch或asyncdata方法

我还需要添加或修改什么？