diff --git a/test/fixtures/basic/pages/validate-async.vue b/test/fixtures/basic/pages/validate-async.vue
index 8637d0f81a..f898b7e41b 100644
--- a/test/fixtures/basic/pages/validate-async.vue
+++ b/test/fixtures/basic/pages/validate-async.vue
@@ -5,9 +5,15 @@
 <script>
 export default {
   validate({ query }) {
-    return new Promise((resolve) => {
+    return new Promise((resolve, reject) => {
       setTimeout(() => {
-        resolve(Boolean(query.valid))
+        if (query.error) {
+          const err = new Error('Custom Error')
+          err.statusCode = parseInt(query.error) || 500
+          reject(err)
+        } else {
+          resolve(Boolean(query.valid))
+        }
       }, 500)
     })
   }
diff --git a/test/fixtures/basic/pages/validate.vue b/test/fixtures/basic/pages/validate.vue
index f0b69fe74c..8199ca8b17 100644
--- a/test/fixtures/basic/pages/validate.vue
+++ b/test/fixtures/basic/pages/validate.vue
@@ -5,6 +5,12 @@
 <script>
 export default {
   validate({ query }) {
+    if (query.error) {
+      const err = new Error('Custom Error')
+      err.statusCode = parseInt(query.error) || 500
+      throw err
+    }
+
     return Boolean(query.valid)
   }
 }
diff --git a/test/unit/basic.ssr.test.js b/test/unit/basic.ssr.test.js
index f9e6f6a6f5..415bc18d8f 100644
--- a/test/unit/basic.ssr.test.js
+++ b/test/unit/basic.ssr.test.js
@@ -111,6 +111,18 @@ describe('basic ssr', () => {
     expect(html.includes('<h1>I am valid</h1>')).toBe(true)
   })
 
+  test('/validate?error=403', async () => {
+    const { html, error } = await nuxt.renderRoute('/validate?error=403')
+    expect(error).toMatchObject({ statusCode: 403, message: 'Custom Error' })
+    expect(html.includes('Custom Error')).toBe(true)
+  })
+
+  test('/validate-async?error=503', async () => {
+    const { html, error } = await nuxt.renderRoute('/validate-async?error=503')
+    expect(error).toMatchObject({ statusCode: 503, message: 'Custom Error' })
+    expect(html.includes('Custom Error')).toBe(true)
+  })
+
   test('/before-enter', async () => {
     const { html } = await nuxt.renderRoute('/before-enter')
     expect(html.includes('<h1>Index page</h1>')).toBe(true)