Configure SSL for XAMPP

Question

I have a wordpress project that uses SSL and I want to run it on XAMPP.

I modified my httpd-vhosts.conf and my httpd-ssl.conf to create a virtual host for this particular wordpress project.

Here is my httpd-vhosts.conf file contents

<VirtualHost *:443>
    DocumentRoot "D:/xampp/htdocs/wordpresssoftd"
    ServerName mysite.local
    ServerAlias mysite.local
    SSLEngine on
    SSLCertificateFile conf/ssl.crt/server.crt
    SSLCertificateKeyFile conf/ssl.key/server.key 
    <Directory "D:/xampp/htdocs/wordpresssoftd">
        AllowOverride All
        Order allow,deny
        Allow from all
    </Directory>
</VirtualHost>

wordpresssoftd contains my project files.

I have also renamed the document root in httpd-ssl.conf.

When I run the website, the CSS and JS files are not loaded, but the index page of the wordpress site is served up without the CSS and JS.