Nginx uses server blocks (similar to Virtual Hosts in Apache) to host multiple websites on the same server. Each server block can have its own domain name, root directory, and configuration, making it possible to run several projects independently. In this tutorial, you’ll learn how to create a Virtual Host in Nginx on Ubuntu 24.04 step by step.
Before creating a Virtual Host, make sure you have already installed and configured Nginx on Ubuntu 24.04. You can follow the installation guide here: Install Nginx on Ubuntu 24.04.
First, create a new folder for your site inside /var/www/html and add an index.html file:
cd /var/www/html
mkdir mysite
cd mysite
nano index.htmlInside the file, paste this simple HTML content:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hello, Nginx!</title>
</head>
<body>
<h1>Hello, Nginx!</h1>
<p>We have just configured our Nginx web server on Ubuntu Server!</p>
</body>
</html>
Save and close the file. This will serve as your test page.
Now create a new configuration file for your site in the sites-enabled directory:
cd /etc/nginx/sites-enabled
sudo nano mysiteAdd the following configuration:
server {
listen 80;
listen [::]:80;
server_name mysite.localhost;
root /var/www/html/mysite;
index index.html;
location / {
try_files $uri $uri/ =404;
}
}
This configuration tells Nginx to listen on port 80 for requests to mysite.localhost, serving files from /var/www/html/mysite with index.html as the default page.
After saving the configuration, restart Nginx so the changes take effect:
sudo service nginx restartOpen your browser and go to:
http://mysite.localhostYou should see the custom Hello, Nginx! page you created earlier.
You have successfully created a Virtual Host (server block) in Nginx on Ubuntu 24.04. By organizing your websites into different server blocks, you can manage multiple domains or projects on the same server more efficiently and professionally.
Comments
Post a Comment