Why URL manipulation handles routing in Nginx - See It in Action

Why URL manipulation handles routing

📖 Scenario: You are setting up a simple web server using nginx. You want to understand how changing the URL path can control which content the server shows. This is called routing. By configuring nginx to handle different URL paths, you can send users to different pages or files.

🎯 Goal: Learn how to configure nginx to route different URL paths to different files on the server by manipulating the URL.

📋 What You'll Learn

Create a basic nginx server block configuration

Add a variable to hold the root directory path

Use location blocks to route URLs to specific files

Print the final nginx configuration to verify routing

💡 Why This Matters

🌍 Real World

Web servers use URL routing to decide which page or file to show when a user visits a website. This helps organize content and improve user experience.

💼 Career

Understanding URL routing in <code>nginx</code> is essential for DevOps roles managing web servers and deploying web applications.

1

Create the basic nginx server block

Write a basic server block in nginx.conf with listen 80; and server_name localhost; inside it.

Nginx

# Write the basic server block with listen and server_name
server {
    # Your code here
}

Need a hint?

Start by opening a server { } block. Inside, add listen 80; to listen on port 80 and server_name localhost; to accept requests for localhost.

2

Add a root directory variable

Inside the server block, add a root directive set to /var/www/html to specify where the website files are stored.

Nginx

server {
    listen 80;
    server_name localhost;
    # Add root directory here
}

Need a hint?

The root directive tells nginx where to find the website files. Use root /var/www/html; inside the server block.

3

Add location blocks for routing

Inside the server block, add two location blocks: one for / that serves index.html and one for /about that serves about.html. Use try_files $uri $uri/ /index.html; for the root location and try_files $uri $uri/ /about.html; for the about location.

Nginx

server {
    listen 80;
    server_name localhost;
    root /var/www/html;
    # Add location blocks for / and /about
}

Need a hint?

Use location / { try_files $uri $uri/ /index.html; } to serve the homepage and location /about { try_files $uri $uri/ /about.html; } to serve the about page.

4

Print the final nginx configuration

Print the entire nginx.conf content you wrote to verify the routing setup.

Nginx

# Print the nginx configuration below
# Your code here

Need a hint?

Use a print statement to show the full nginx configuration text exactly as written.