I am building a web application with React as frontend and Laravel as backend. Both Laravel and React are built on separate project and I want both of these projects to deploy on the same server instance.
So for that, I put React project inside /var/www/react directory and Laravel project in /var/www/laravel directory.
So when the incoming request has the url domain.com, the request will point to /var/www/react directory.
When request has url with some prefix for example domain.com/api, the request will point to /var/www/laravel directory.
For this purpose, I followed this tutorial and setup two virtual host.
Both of these two virtual hosts points to same server but has different DocumentRoot for different port.
So first virtual host has /var/www/react as DocumentRoot which listen on port 80 while another virtual host has /var/www/laravel as DocumentRoot which listen on port 8080.
I have added the port 8080 in /etc/apache2/ports.conf file for it to listen.
After all this setup, when I goto my url domain.com, it actually loads the files from /var/www/react directory but when I try to open same url by specifying the port for example domain.com:80, it does not work.
Even the url with port 8080 does not work.
domain.com:80
I get the following error
This site can’t provide a secure connection. domain.com sent an invalid response. ERR_SSL_PROTOCOL_ERROR
Here is my code
laravel.conf
ServerAdmin webmaster@localhost
ServerName domain.com
ServerAlias *
DocumentRoot /var/www/laravel
react.conf
ServerAdmin webmaster@localhost
ServerName domain.com
ServerAlias *
DocumentRoot /var/www/react
ports.conf
Listen 80
<IfModule ssl_module> Listen 8080 </IfModule>
<IfModule mod_gnutls.c> Listen 8080 </IfModule>
This textbox defaults to using Markdown to format your answer.
You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!
Heyy @DriftingLapisDolphin,
You have multiple domains going to the same IP and also want to serve multiple ports. The example below illustrates that the name-matching takes place after the best matching IP address and port combination is determined.
Listen 80
Listen 8080
<VirtualHost 172.20.30.40:80>
ServerName www.example.com
DocumentRoot "/www/domain-80"
</VirtualHost>
<VirtualHost 172.20.30.40:8080>
ServerName www.example.com
DocumentRoot "/www/domain-8080"
</VirtualHost>
Hope that helps,
-Sergio Turpín
Hi there,
Indeed as already mentioned you can do that with different Apache Virtual Hosts.
For more information, you could also refer to the following tutorial:
https://www.digitalocean.com/community/tutorials/how-to-set-up-apache-virtual-hosts-on-ubuntu-20-04
Let me know if you have any questions!
Best,
Bobby
Become a contributor for community
Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.
DigitalOcean Documentation
Full documentation for every DigitalOcean product.
Resources for startups and AI-native businesses
The Wave has everything you need to know about building a business, from raising funding to marketing your product.
The developer cloud
Scale up as you grow — whether you're running one virtual machine or ten thousand.
Start building today
From GPU-powered inference and Kubernetes to managed databases and storage, get everything you need to build, scale, and deploy intelligent applications.
