try to support subdirectory reverse proxy

4 years ago · a03dd91e40
3 changed files with 19 additions and 18 deletions
--- a/index.html
+++ b/index.html
@ -1,16 +1,16 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+<head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/icon.svg" />
-    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+    <link rel="apple-touch-icon" href="./apple-touch-icon.png">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#5cdd8b" />
    <meta name="description" content="Uptime Kuma monitoring tool" />
    <title>Uptime Kuma</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
+</head>
+<body>
+<div id="app"></div>
+<script type="module" src="./src/main.js"></script>
+</body>
 </html>
--- a/server/server.js
+++ b/server/server.js
@ -87,7 +87,7 @@ let indexHTML = fs.readFileSync("./dist/index.html").toString();

    // Normal Router here

-    app.use("/", express.static("dist"));
+    app.use(express.static("dist"));

    // Basic Auth Router here

--- a/vite.config.js
+++ b/vite.config.js
@ -1,14 +1,15 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import legacy from '@vitejs/plugin-legacy'
+import { defineConfig } from "vite"
+import vue from "@vitejs/plugin-vue"
+import legacy from "@vitejs/plugin-legacy"

 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [
-      vue(),
-      legacy({
-          targets: ['ie > 11'],
-          additionalLegacyPolyfills: ['regenerator-runtime/runtime']
-      })
-  ]
+    base: "./",
+    plugins: [
+        vue(),
+        legacy({
+            targets: ["ie > 11"],
+            additionalLegacyPolyfills: ["regenerator-runtime/runtime"]
+        })
+    ]
 })