Merge pull request #30 from i5sing/hotfix/heap-out-of-memory

fix vue ssr heap out of memory

Author: miaowing

src/app/app.js

@@ -7,15 +7,17 @@ import VueRouter from 'vue-router';
 import store from './vuex';
 import App from './app.vue';
 
-import router from './router/index';
+import { createRouter } from './router/index';
 
 Vue.use(VueRouter);
 Vue.use(Carousel3d);
 
-const app = new Vue({
-    router,
-    store,
-    render: h => h(App)
-});
-
-export {app, router, store};
+export const createApp = () => {
+    const router = createRouter();
+    const app = new Vue({
+        router,
+        store,
+        render: h => h(App)
+    });
+    return { app, router, store };
+}

src/app/client-entry.js

@@ -1,11 +1,12 @@
 /**
  * Created by zhaofeng on 2016/12/2.
  */
-import {WOW} from 'wowjs';
+import { WOW } from 'wowjs';
 import LazyLoad from 'vanilla-lazyload';
 import "jquery";
+import { createApp } from './app';
 
-import {app, store} from './app'
+const { app, store } = createApp();
 
 //将服务端渲染时候的状态写入vuex
 if (window.__INITIAL_STATE__) {
@@ -17,4 +18,4 @@ app.$mount('#app');
 
 new WOW().init();
 
-window.lazyload = new LazyLoad();
+window.lazyload = new LazyLoad();

src/app/router/index.js

@@ -2,15 +2,14 @@
  * Created by zhaofeng on 2016/12/2.
  */
 import VueRouter from 'vue-router';
-
 import * as HomePage from '../page/home.vue';
 
 /**
  * Vue Router
  */
-export default new VueRouter({
+export const createRouter = () => new VueRouter({
     // mode: 'history',
     routes: [
         {path: '/', component: HomePage}
     ]
-});
+});

src/app/server-entry.js

@@ -1,20 +1,21 @@
+import { createApp } from "./app";
+
 /**
  * Created by zhaofeng on 2016/12/2.
  */
-import {app, router, store} from './app';
-
 const isDev = process.env.NODE_ENV !== 'production';
 
 export default function (context) {
     const s = isDev && Date.now();
 
+    const { app, router, store } = createApp();
     // set router's location
     router.push(context.url);
     const matchedComponents = router.getMatchedComponents();
 
     // no matched routes
     if (!matchedComponents.length) {
-        return Promise.reject({code: '404'});
+        return Promise.reject({ code: '404' });
     }
 
     // Call preFetch hooks on components matched by the route.
@@ -36,4 +37,4 @@ export default function (context) {
         context.initialState = store.state;
         return app
     })
-}
+}

src/server/controller/home.js

@@ -32,4 +32,4 @@ export default class HomeController extends BaseController {
             keyword: keyword
         });
     }
-}
+}

src/server/render/render.js

@@ -14,15 +14,15 @@ export function init(app) {
     if (process.env.NODE_ENV === 'production') {
         //如果是生产环境,bundle是构建完成的正式文件
         const bundlePath = path.resolve(__dirname, '../../../dist/server-bundle.js');
-        renderer = createBundleRenderer(fs.readFileSync(bundlePath, 'utf-8'))
+        renderer = createBundleRenderer(fs.readFileSync(bundlePath, 'utf-8'), { runInNewContext: 'once' })
     } else {
         //如果是开发环境,bundle会在改变之后重新回调生成
         require('../../../build/setup-dev-server')(app, bundle => {
-            renderer = createBundleRenderer(bundle)
+            renderer = createBundleRenderer(bundle, { runInNewContext: 'once' })
         })
     }
 }
 
 export function getRenderer() {
     return renderer;
-}
+}