title: Nuxt and Vue Apollo. How to handle errors inside Smart Query with redirection to 404/400/500 error page? Can we catch such errors?
body: <p>With regular HTTP request, we may create redirection with asyncData({error}){...}</p>
  <p>What should we use for redirecting to 400 page using Smart Query?</p>
  <p>With Vue Apollo, I am trying to use</p>
  <pre class="lang-js prettyprint-override"><code>    apollo: {
          queryName: {
              prefetch: true,
              query: wrongQuery,
      
              error(errorData) {
                  this.$nuxt.error({
                      statusCode: 500,
                      message: 'Error message',
                  });
              },
          },
      };
  </code></pre>
  <p>In case if we reload the page, redirection doesn't work. We still got an error becouse server side rendering:</p>
  <p><a href="https://i.stack.imgur.com/H4zhU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/H4zhU.png" alt="enter image description here" /></a></p>
  <p>With global error handler like:</p>
  <pre class="lang-js prettyprint-override"><code>    // /plugins/apollo-error-handler.js
      export default ({ graphQLErrors, networkError, operation, forward }, nuxtContext) =&gt; {
          console.log(networkError)
          nuxtContext.error({
            statusCode: 404,
            message: 'Error message',
          });
      };
  
  </code></pre>
  <p>Only errors logging works. Redirection doesn't work at all.</p>
  <p>Do we have any way to handle errors inside smart queries with redirection to 400 page for example?</p>
  <p>Can we catch such errors in smart query? Like try...catch... in asyncData() to prevent app crash.</p>