Added: support for HTTP status code (200 by default) and example of custom 404 error.

Author: mrauhu

packages/vue-ssr/README.md

@@ -152,6 +152,60 @@ VueSSR.createApp = function (context) {
 }
 ```
 
+### Set status code for custom 404 error template
+
+`NotFound.vue`
+
+```vue
+<template>
+  <h1>404</h1>
+</template>
+
+<script>
+  export default {
+    name: 'NotFound',
+  };
+</script>
+```
+
+`routes.js`
+
+```javascript
+import NotFound from '/imports/ui/views/NotFound';
+
+export default [
+  // ...
+  {
+    path: '*',
+    name: 'not-found',
+    component: NotFound,
+  },
+];
+```
+
+`vue-ssr.js`
+
+```javascript
+VueSSR.createApp = function (context) {
+  return new Promise((resolve, reject) => {
+    const { app, router } = CreateApp()
+    // Set the URL in the router
+    router.push(context.url)
+
+    router.onReady(() => {
+      // name of wildcard route
+      if (router.currentRoute.name === 'not-found') {
+        context.statusCode = 404;
+      }
+      
+      // ...
+
+      resolve(app)
+    })
+  })
+}
+```
+
 ---
 
 LICENCE ISC - Created by Guillaume CHAU (@Akryum)

packages/vue-ssr/server/index.js

@@ -126,9 +126,11 @@ onPageLoad(sink => new Promise((resolve, reject) => {
               const head = ((appendHtml && appendHtml.head) || context.head) || ''
               const body = ((appendHtml && appendHtml.body) || context.body) || ''
               const js = ((appendHtml && appendHtml.js) || context.js) || ''
+              const statusCode = ((appendHtml && appendHtml.statusCode) || context.statusCode) || 200
 
               const script = js && `<script type="text/javascript">${js}</script>`
 
+              sink.setStatusCode(statusCode)
               sink.renderIntoElementById(VueSSR.outlet, html)
               sink.appendToHead(head)
               sink.appendToBody([body, script])