Your question is mixing a few different concepts. You started out saying you wanted to run sites on the same server using the same domain, but in different folders. That doesn’t require any special setup. Once you get the single domain running, you just create folders under that docroot.
Based on the rest of your question, what you really want to do is run various sites on the same server with their own domain names.
The best documentation you’ll find on the topic is the virtual host documentation in the apache manual.
There are two types of virtual hosts: name-based and IP-based. Name-based allows you to use a single IP address, while IP-based requires a different IP for each site. Based on your description above, you want to use name-based virtual hosts.
The initial error you were getting was due to the fact that you were using different ports than the
NameVirtualHost line. If you really want to have sites served from ports other than 80, you’ll need to have a
NameVirtualHost entry for each port.
Assuming you’re starting from scratch, this is much simpler than it may seem.
If you are using 2.3 or earlier, the first thing you need to do is tell Apache that you’re going to use name-based virtual hosts.
If you are using 2.4 or later do not add a NameVirtualHost line. Version 2.4 of Apache deprecated the
NameVirtualHost directive, and it will be removed in a future version.
Now your vhost definitions:
You can run as many sites as you want on the same port. The
ServerName being different is enough to tell Apache which vhost to use. Also, the
ServerName directive is always the domain/hostname and should never include a path.
If you decide to run sites on a port other than 80, you’ll always have to include the port number in the URL when accessing the site. So instead of going to http://example.com you would have to go to http://example.com:81