I am trying to have two separate sites with Apache virtual hosts on a test server. I am going to access the sites with the ip address of the instance (for example, http://167.275.122.215). When I enable the following configuration, I would be able to load the first site with just the ip address correctly (with http://167.275.122.215), but not http://167.275.122.215/exp. I get a 404 error when I point to that address. What am I doing wrong here?

<VirtualHost *:80>

        ServerAdmin webmaster@localhost
        DocumentRoot /var/www/html/main

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

</VirtualHost>

<VirtualHost *:80>
    Alias /exp /usr/share/wordpress
    DocumentRoot /usr/share/wordpress

    <Directory /usr/share/wordpress>
           Options FollowSymLinks
           AllowOverride all
           DirectoryIndex index.php
           require all granted
    </Directory>
</VirtualHost>

In fact, my need is to be able to access the exp (experimental) site through the same ip while the main site is still available (from the original ip address). I tried giving a different port to the experimental site too (like below), but that still gave me a site can't be reached error.

<VirtualHost *:90>
       <Directory /usr/share/wordpress>
           Options FollowSymLinks
           AllowOverride all
           DirectoryIndex index.php
           require all granted
       </Directory>    
</VirtualHost>