Vue JS subdirectory setup for /directory

.env.production

VITE_BASE="/directory/"

.htaccess

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /directory/
  RewriteRule ^directory/index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /directory/index.html [L]
</IfModule>

vite.config.js

import { fileURLToPath, URL } from "node:url";

import { defineConfig, loadEnv } from "vite";
import vue from "@vitejs/plugin-vue";

// https://vitejs.dev/config/
export default defineConfig(({ command, mode }) => {

  const env = loadEnv(mode, process.cwd(), '');
  const base = env.VITE_BASE || '/';

  return {
    plugins: [vue()],
    base: base,
    resolve: {
      alias: {
        '@': fileURLToPath(new URL('./src', import.meta.url))
      }
    }
  }
})