docs: fix stage variable in example app during local run (#627)

Co-authored-by: Brett Andrews <[email protected]>

Author: thzinc

examples/basic-starter-api-gateway-v1/app.local.js

@@ -1,5 +1,11 @@
-const app = require('./src/app')
-const port = 3000
+const express = require("express");
+const app = require("./src/app");
+const port = 3000;
 
-app.listen(port)
-console.info(`listening on http://localhost:${port}`)
+express()
+  .use("/Stage", app)
+  .use("/", (req, res) => {
+    res.redirect("/Stage");
+  })
+  .listen(port);
+console.info(`listening on http://localhost:${port}`);

examples/basic-starter-api-gateway-v1/src/app.js

@@ -27,7 +27,7 @@ router.get('/', (req, res) => {
     requestContext = {},
     multiValueHeaders = {}
   } = event
-  const { stage = '' } = requestContext
+  const { stage = 'Stage' } = requestContext
   const {
     Host = ['localhost:3000']
   } = multiValueHeaders

examples/basic-starter-api-gateway-v1/src/views/index.ejs

@@ -137,13 +137,13 @@
       </form>
     </section>
     <script>
-      var form = document.querySelector('form')
-      form.addEventListener('submit', function (event) {
+        var form = document.querySelector('form')
+        form.addEventListener('submit', function (event) {
         event.preventDefault()
         var id = document.getElementById('idField').value
         var name = document.getElementById('nameField').value
-        var endpoint = id ? 'users/' + id : 'users'
-
+        var endpoint = "/<%= stage %>/" + (id ? "users/" + id : "users");
+        
         if (!window.fetch) {
           alert(
             'Your browser does not have fetch support, which this demo uses. Try again in a modern browser (https://caniuse.com/fetch) or modify the example to use an alternate approach (e.g. XMLHttpRequest or your library of choice.)'