FEAT/improve subdirectory compatibility

[musterdies-web]

Category:

Other (refactor / feat / improvement)

Overview

My changes relate to how dashy works as a subdirectory. I have noticed that some requests are hardcoded to go from the root, while 99% is already dynamic with BASE_URL.
With my changes dashy can be used under any url configured with traefik or nginx or so under any subdirectory without having to lock dashy to a single url.
For this the confFilePath will now be made up of the BASE_URL and the VUE_APP_CONFIG_PATH and still choose the VUE_APP_CONFIG_PATH if it is a full url.
Implemented the new helper in both store.js and InitServiceWorker.js which had a completely hardcoded confFilePath.
I also made a small improvement to the previous helper function which had a flaw, that if anywhere in the path 'http' was used, it registered as a full url.
Fror index.html all images have been updated to use relative paths, only the loading-screen.css did not work with that, why I had to insert the BASE_URL into the template. Note that because BASE_URL always ends with an / there is no / in between BASE_URL and the css file.
All fonts are now available from relative paths for which I had to move them.
Made the front page be defined by the BASE_URL.

Issue Number #31, #193, #249, #351, #543, #600, #628, #666

New Vars

No new wars, but changed the behavior of how BASE_URL and VUE_APP_CONFIG_PATH work together.

Code Quality Checklist

all completed.

For testing, spin up dashy with the BASE_URL set to something like

• './yourSubdomainName/'
  And add a reverse proxy with the strip prefix for '/yourSubdomainName' under the domain that dashy is available from.

Default usage at the root is not impacted by these changes.

[netlify]

✅ Deploy Preview for dashy-dev ready!

Name	Link
🔨 Latest commit	e9fd48c
🔍 Latest deploy log	https://app.netlify.com/projects/dashy-dev/deploys/69b599554984500008bd9ca0
😎 Deploy Preview	https://deploy-preview-1998--dashy-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.