I'm trying to setup a self-signed SSL cert so I can develop my app with SSL (so I can finally get my sites running with SSL...). I've created a Angular site with a headless API (Lumen), and tried to setup a multi-domain SSL cert using a question from ServerFault:
How to create a multi-domain self-signed certificate for Apache2?
The test command checked out, so I tried installing the cert with the following Apache config:
<VirtualHost *:80>
ServerAdmin contact@gamersplane.com
ServerName api.gamersplane.local
DocumentRoot /var/www/GamersPlane.api/public
<Directory /var/www/GamersPlane.api/public/>
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
</Directory>
ErrorLog "|/usr/bin/cronolog /var/log/gamersplane/%Y/%m/%d/error.log"
# Possible values include: debug, info, notice, warn, error, crit,
# alert, emerg.
LogLevel notice
CustomLog ${APACHE_LOG_DIR}/gamersplane/access.log combined
SSLEngine on
SSLCertificateFile /var/www/GamersPlane.api/ssl/gamersplane.local.pem
SSLCertificateKeyFile /var/www/GamersPlane.api/ssl/gamersplane.local.key
</VirtualHost>
Unfortunately, when I hit my site, I get This site can’t provide a secure connection
. I tried googling for this, but everything seems specific to certain sites/configs, and I can't figure out how to debug what's wrong.
I setup the Apache config via a Digital Ocean guide, which also recommended these configs, which I wasn't sure about. I tried with and without them, no luck:
<FilesMatch "\.(cgi|shtml|phtml|php)$">
SSLOptions +StdEnvVars
</FilesMatch>
<Directory /usr/lib/cgi-bin>
SSLOptions +StdEnvVars
</Directory>
I'd love assistance on understanding how to debug/resolve these sorts of issues.