Vite with Apache Reverse Proxy Inside Docker Fully functional

apache-vite-docker.conf

# you don't need to change anything in the default `vite.config.js`, only proxy / for the web and for the websockets.  

<VirtualHost *:80>
        ServerName my.site.org

        ServerAdmin webmaster@localhost

    RewriteEngine on
    RewriteCond %{SERVER_NAME} =my.site.org
    RewriteRule ^ https://%{SERVER_NAME}%{REQUEST_URI} [END,NE,R=permanent]
</VirtualHost>

<IfModule mod_ssl.c>
<VirtualHost *:443>
        ServerName my.site.org

        ServerAdmin webmaster@localhost

    <Location />
        # Require all granted #uncomment this
        # Require ip xxx.xxx.xxx.xxx
    </Location>

        # vue-vite is the my docker-compose host, use your local hostname or ip address
        ProxyPass / http://vue-vite:5173/
        ProxyPassReverse / http://vue-vite:5173/

        <Location />
        ProxyPass ws://vue-vite:5173/
        ProxyPassReverse ws://vue-vite:5173/
        </Location>

        ErrorLog ${APACHE_LOG_DIR}/error.log
        CustomLog ${APACHE_LOG_DIR}/access.log combined

    SSLCertificateFile /etc/letsencrypt/live/my.site.org/fullchain.pem
    SSLCertificateKeyFile /etc/letsencrypt/live/my.site.org/privkey.pem
    Include /etc/letsencrypt/options-ssl-apache.conf
</VirtualHost>
</IfModule>