Разрушение CSS и изображений после сопоставления приложения, развернутого на Tomcat, с моим доменом

Я установил Tomcat 9.0.27 на свою каплю Digital Ocean под управлением Ubuntu 18.04.3. Я развернул Java WAR на Tomcat и могу получить к нему доступ по URL-адресу: http://example.com:8080/app_name
Я хочу иметь прямой доступ к моему JSP, обслуживающему WAR, через мой домен. Итак, когда я ударил example.com он напрямую обслуживает мое Java-приложение.

Я пробовал несколько ссылок, чтобы сделать то же самое. Согласно одному из них (https://www.digitalocean.com/community/questions/how-to-tie-domain-name-with-application-running-on-tomcat), Я проделал следующие шаги:
1. Включил "прокси" и "proxy_http" с помощью a2enmod
2. Перезапустил службу Apache2, используя systemctl restart
3. Создал новый виртуальный хост в файле с именем /etc/apache2/sites-available/tomcat.conf со следующим содержимым:

<VirtualHost *:80>
    ServerName www.example.com

    ProxyRequests On
    ProxyPass / http://localhost:8080/app_name/
    ProxyPassReverse / http://localhost:8080/app_name/
</VirtualHost>

4. Включен сайт tomcat с помощью a2ensite
5. Перезапустил службу Apache2, используя systemctl restart

Теперь, когда я ударил example.com он обслуживает мою домашнюю страницу, но все стили и изображения CSS, похоже, не работают. Гиперссылки тоже больше не работают. Мое приложение все еще обслуживается в example.com:8080/app_name и по этому URL все работает отлично.

Пожалуйста, помогите мне с этим.