make changes for serving on subpath

Caddyfile

@@ -6,8 +6,7 @@
 :80 {
   @proxied path /api/* /docs /openapi.json
   
-  root * /app/dist
-  encode gzip
+  encode gzip zstd
   uri strip_suffix /
   
   # Handles Recipe Images / Assets
@@ -21,8 +20,8 @@
   }
 
   handle {
-    try_files {path}.html {path} /
+    root * /app/dist
+    try_files {path}.html {path} /index.html
     file_server 
   }
-
 }

frontend/src/routes/index.js

@@ -22,6 +22,7 @@ export const routes = [
 ];
 
 const router = new VueRouter({
+  base: process.env.BASE_URL,
   routes,
   mode: process.env.NODE_ENV === "production" ? "history" : "hash",
   scrollBehavior() {

frontend/vue.config.js

@@ -1,7 +1,7 @@
 const path = require("path");
 module.exports = {
   transpileDependencies: ["vuetify"],
-  publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
+  publicPath: process.env.NODE_ENV === "production" ? "/" : "",
   outputDir: process.env.NODE_ENV === "production" ? "./dist" : "../mealie/web",
   devServer: {
     proxy: {