asyncDataWrapper.js

export default function asyncDataWrapper(originalAsyncData) {
  return async function(ctx) {
    try {
      return await originalAsyncData.call(this, ctx);
    }
    catch (e) {
      // statusCode=1 is connectivity error (assigned inside API-Layer)
      if (process.client && e.statusCode === 1) {
        window.addEventListener('online', () => {
          // reload the page when connection is back
          window.location.reload(true);
        });
      }
      ctx.error(e);
    }
  };
}

page-xyz.vue

<script>
import asyncDataWrapper from '~/utils/asyncDataWrapper';

export default {
  // ...
  asyncData: asyncDataWrapper(async function ({ params, query, redirect }) {
    return { data: await api.xyz({ id: params.id }) };
  })
  // ...
};
</script>