fix(server): fix index server

Author: klarkc

template/index.js

@@ -1,7 +1,30 @@
 import express from 'express';
+import fallback from 'express-history-api-fallback';
+import path from 'path';
 import app from './server/server';
 
-app.use(express.static('client'));
+const client = path.resolve(__dirname, 'client');
+
+const unless = function (paths, middleware) {
+  return function (req, res, next) {
+    if (paths.some(p => req.path.indexOf(p) > -1)) {
+      return next();
+    }
+
+    return middleware(req, res, next);
+  };
+};
+
+// add static route for client
+app.use(express.static(client));
+
+// enable redirect urls to index
+app.use(unless(
+  ['/api', '/explorer'],
+  fallback('index.html', { root: client }),
+));
+
+// start app
 app.on('started', () => {
   const baseUrl = app.get('url').replace(/\/$/, '');
   console.log('Browse your CLIENT files at %s', baseUrl);

template/package.json

@@ -8,7 +8,8 @@
   "scripts": {
     "lint": "eslint .",
     "dev": "gulp serve",
-    "build": "gulp build",
+    "build": "gulp build --production",
+    "afterbuild": "cd build && npm install --production",
     "test": "gulp test",
     "test:server": "gulp test:server",
     "test:client": "gulp test:client",
@@ -21,6 +22,7 @@
     "helmet": "^1.3.0",
     "http-server": "^0.11.1",
     "express": "^4.16.2",
+    "express-history-api-fallback": "^2.2.1",
     "loopback": "^3.16.2",
     "loopback-boot": "^2.27.0",
     "loopback-component-explorer": "^4.0.0",
@@ -43,12 +45,15 @@
     {{/extended}}
   },
   "devDependencies": {
+    "aliasify": "^2.1.0",
     "babel-core": "^6.25.0",
+    "babel-eslint": "^8.2.2",
     "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-env": "^1.6.1",
     "babel-preset-stage-2": "^6.24.1",
     "babelify": "^7.3.0",
     "browserify": "^14.4.0",
+    "browserify-global-shim": "^1.0.3",
     "chai": "^4.1.0",
     "chai-http": "^3.0.0",
     "css-modulesify": "^0.28.0",