feat: add switch for server render error fallback

.gitignore

@@ -7,4 +7,5 @@ run/
 .DS_Store
 *.swp
 *.iml
+*.lock
 .vscode

README.md

@@ -48,6 +48,7 @@ exports.vuessr = {
  // buildConfig: path.join(app.baseDir, 'config/buildConfig.json'),
  // injectCss: true,
  // injectJs: true,
+ // fallbackToClient: true, // fallback to client rendering after server rendering failed
  // afterRender: (html, context) => {
  //      return html;
  // },
@@ -63,3 +64,5 @@ Please open an issue [here](https://github.com/hubcarl/egg-view-vue-ssr/issues).
 ## License
 
 [MIT](LICENSE)
+
+

app/extend/context.js

@@ -18,8 +18,11 @@ module.exports = {
     const template = options.renderOptions && options.renderOptions.template || this.app.vue.resource.template;
     const context = { state: locals };
     const html = yield this.app.vue.renderCode(code, context, options).catch(err => {
-      this.app.logger.error('[%s] server render bundle error, try client render, the server render error', name, err);
-      return this.renderString(template, context.state);
+      if (config.fallbackToClient) {
+        this.app.logger.error('[%s] server render bundle error, try client render, the server render error', name, err);
+        return this.renderString(template, context.state);
+      }
+      throw err;
     });
     this.body = this.app.vue.resource.inject(name, html, context, config);
   },

config/config.default.js

@@ -22,6 +22,7 @@ module.exports = app => {
     buildConfig: path.join(app.baseDir, 'config/buildConfig.json'),
     injectCss: true,
     injectJs: true,
+    fallbackToClient: true, // fallback to client rendering if server render failed
     afterRender: (html, context) => { /* eslint no-unused-vars:off */
       return html;
     },

test/view-vue-ssr.test.js

@@ -62,6 +62,14 @@ describe('test/view-vue-ssr.test.js', () => {
           assert(res.text.indexOf('/public/static/js/error/error.js"') > -1);
         });
     });
+
+    it('should GET /render server error, don\'t fallback', () => {
+      mm(app.config.vuessr, 'fallbackToClient', false);
+
+      return request(app.callback())
+        .get('/renderServerError')
+        .expect(500);
+    });
   });
 
 });