Need help with setting up a static Under construction page for an Angular Web App with Express Node JS Backend. I have a function called initStaticPages that initializes all routes and have added a new Page served via /maintenance.
However, when trying to redirect to /maintenance using a middleware on all routes, I encounter too many redirects error causing the web app to go down. Redirecting on all routes except "/" works, but it's not the desired behavior. Any suggestions on how to resolve this issue would be greatly appreciated. Thank you!
router.js
const initStaticPages = (router) => {
router.use('/', checkMaintenanceMode, express.static('public'))
router.use('/main', checkMaintenanceMode, requireAccess, express.static('public'))
router.use('/login', checkMaintenanceMode, express.static('public'))
router.use('/logout', checkMaintenanceMode, express.static('public'))
router.use('/logout?reason=timeout', checkMaintenanceMode, express.static('public'))
router.use('/requestHistory', checkMaintenanceMode, requireAccess, express.static('public'))
router.use('/recurringRequest', checkMaintenanceMode, requireAccess, express.static('public'))
router.use('/maintenance', express.static('public'))
}
module.exports = () => {
const router = express.Router()
initStaticPages(router)
return router
}
An example of a simple Middleware:
const checkMaintenanceMode = (req, res, next) => {
res.redirect('/maintenance/')
}
main.js
const app = require('express')()
const router = require('./router')()
const cookieParser = require('cookie-parser')
const compression = require('compression')
const port = process.env.PORT
app.use(compression())
app.use(cookieParser())
app.use(router)
app.listen(port, () => console.log(`Running on port ${port}`))
Encountering a second error after rearranging routes: Failed to load module script: Expected a JavaScript module script but the server responded with MIME type text/html. Strict MIME type checking is enforced for module scripts per HTML spec.
Further details on content within public folder and maintenance container are provided below.
/app/frontend/app/container/maintenance:
maintenance.component.css
maintenance.component.html
maintenance.component.ts
/app/server/public:
assets
index.html
vendor-es2015.3f2dce1d421f11b1eba1.js
vendor-es2015.3f2dce1d421f11b1eba1.js.map
vendor-es5.3f2dce1d421f11b1eba1.js
vendor-es5.3f2dce1d421f11b1eba1.js.map
polyfills-es5.34831379c55aac23d35e.js
polyfills-es5.34831379c55aac23d35e.js.map
main-es2015.730bc485b11bbd634316.js
main-es2015.730bc485b11bbd634316.js.map
polyfills-es2015.8c0828ece2f5d1fedbfb.js
polyfills-es2015.8c0828ece2f5d1fedbfb.js.map
main-es5.730bc485b11bbd634316.js main-es5.730bc485b11bbd634316.js.map
runtime-es2015.dc25f63d6f9e75106165.js
runtime-es2015.dc25f63d6f9e75106165.js.map
runtime-es5.dc25f63d6f9e75106165.js
runtime-es5.dc25f63d6f9e75106165.js.map
3rdpartylicenses.txt
jsoneditor-icons.15f2789dd231f36d43a4.svg
styles.9211410addacf27114df.css styles.9211410addacf27114df.css.map