title: Nuxt error.vue on live server not working
body: <p>I think I have a rather simple question, but I can't wrap my head around this problem.</p>
  
  <p>Reproduction:</p>
  
  <p><strong>Localhost:</strong> I made an error.vue in the layouts folder, as mentioned by Nuxt in <a href="https://nuxtjs.org/guide/views/#error-page" rel="nofollow noreferrer">their docs</a>. When I go to <code>localhost/this-is-a-404</code>, the error.vue file is showing as expected!
  <a href="https://i.stack.imgur.com/gBGt9.png" rel="nofollow noreferrer">screenshot from the localhost</a></p>
  
  <p><strong>Live server:</strong> When I upload my dist (ssr) via FTP, everythings works fine except the error.vue page. Is has no styling and I think it's the default error page for any page.
  <a href="https://i.stack.imgur.com/f62b5.png" rel="nofollow noreferrer">screenshot from the live server:</a></p>
  
  <p>error.vue</p>
  
  <pre><code>    &lt;template&gt;
      &lt;div class="hero alternate b-white"&gt;
          &lt;div class="container"&gt;
              &lt;section class="columns hero-top"&gt;
                  &lt;div class="column is-7 is-offset-1"&gt;
                      &lt;svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="#DBE1EC" viewBox="0 0 48 48" id="error-icon"&gt;
                          &lt;path d="M22 30h4v4h-4zm0-16h4v12h-4zm1.99-10C12.94 4 4 12.95 4 24s8.94 20 19.99 20S44 35.05 44 24 35.04 4 23.99 4zM24 40c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z" /&gt;
                      &lt;/svg&gt;
                      &lt;h1 class="basic-padding-bottom-small"  v-if="error.statusCode === 404"&gt;Ooops... &lt;br&gt;Deze pagina bestaat niet!&lt;/h1&gt;
                      &lt;h1 v-else&gt;Ooops... &lt;br&gt; er ging iets fout!&lt;/h1&gt;
                      &lt;div class="button-group "&gt;
                          &lt;nuxt-link to="/" class="button smoke"&gt;
                              Terug naar home
                              &lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
                                  fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                  stroke-linejoin="round" class="feather feather-chevron-right"&gt;
                                  &lt;polyline points="9 18 15 12 9 6"&gt;&lt;/polyline&gt;
                              &lt;/svg&gt;
                          &lt;/nuxt-link&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/section&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <pre><code>&lt;script&gt;
      export default {
          name: 'NuxtError',
          props: {
              error: {
                  type: Object,
                  default: null
              }
          },
          computed: {
              statusCode() {
                  return (this.error &amp;&amp; this.error.statusCode) || 500
              },
              message() {
                  return this.error.message || '&lt;%= messages.client_error %&gt;'
              }
          },
          head() {
              return {
                  title: this.message,
                  meta: [{
                      name: 'viewport',
                      content: 'width=device-width,initial-scale=1.0,minimum-scale=1.0'
                  }]
              }
          }
      }
  
  &lt;/script&gt;
  
  &lt;style lang="scss"&gt;
      @import "assets/scss/app.scss";
  
      #error-icon{
          margin-bottom: 40px;
      }
  
  &lt;/style&gt;
  </code></pre>
  
  <p>Am I missing something?</p>
  
  <p>Thanks in advance!
  Aaron</p>