Merge pull request #15 from denOldTimer/chapter-ten

deploy to heroku

Author: denOldTimer

README.md

@@ -241,6 +241,12 @@ Lifecycle hooks : { [beforeCreated], [created], [beforeMount], [mounted],
 
 ---
 
+## Advanced : Chapter 10 : Deploying to Heroku
+
+3. **DOWNLOAD** **[release 1.7.0](https://github.com/denOldTimer/releases/1.10.0)**
+
+---
+
 [data]: https://v3.vuejs.org/api/options-data.html#data-2
 [props]: https://v3.vuejs.org/api/options-data.html#props
 [computed]: https://v3.vuejs.org/api/options-data.html#computed

package-lock.json

@@ -23,10 +23,14 @@
     "@vue/cli-service": "~4.5.0",
     "@vue/compiler-sfc": "^3.0.0",
     "babel-eslint": "^10.1.0",
+    "connect-history-api-fallback": "^1.6.0",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^7.0.0-0",
+    "express": "^4.17.1",
+    "express-sslify": "^1.2.0",
     "sass": "^1.32.8",
-    "sass-loader": "^10.1.1"
+    "sass-loader": "^10.1.1",
+    "serve-static": "^1.14.1"
   },
   "eslintConfig": {
     "root": true,

package.json

@@ -0,0 +1,12 @@
+const express = require("express");
+const serverStatic = require("serve-static");
+const history = require("connect-history-api-fallback");
+const enforce = require("express-sslify");
+
+const app = express();
+
+app.use(enforce.HTTPS({ trustProtoHeader: true }));
+app.use(serveStatic(__dirname + "/dist"));
+app.use(history());
+
+app.listen(process.eventNames.PORT || 5000);