I'm currently running a web server with Ubuntu 16.04, serving up a Wordpress site, using LAMP stack and LetsEncrypt SSL to encrypt the website. I'd like to be able to run an Angular app with the MEAN stack on the same server, using a sub-domain.
Here are my Apache files right now running in my sites-enabled folder.
000-default.conf
<VirtualHost *:80>
ServerName www.example.com
Redirect permanent / https://example.com/
ErrorLog ${APACHE_LOG_DIR}/error.log
CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>
example-le-ssl.conf
<IfModule mod_ssl.c>
<VirtualHost *:443>
ServerName example.com
ServerAdmin me@gmail.com
DocumentRoot /var/www/example
<Directory />
Options FollowSymLinks
AllowOverride None
</Directory>
<Directory /var/www/example>
Options Indexes FollowSymLinks MultiViews
AllowOverride All
Order allow,deny
allow from all
</Directory>
ErrorLog ${APACHE_LOG_DIR}/error.log
CustomLog ${APACHE_LOG_DIR}/access.log combined
Include /etc/letsencrypt/options-ssl-apache.conf
ServerAlias www.example.com
SSLCertificateFile /etc/letsencrypt/live/example.com/fullchain.pem
SSLCertificateKeyFile /etc/letsencrypt/live/example.com/privkey.pem
</VirtualHost>
</IfModule>
Is it possible to accomplish what I want? If so, how?