Nested location blocks in Nginx - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to define a basic location block for the root URL.

Nginx

location [1] {
    root /var/www/html;
}

Drag options to blanks, or click blank then click option'

A/

B~

C^~

D=

Attempts:

3 left

💡 Hint

Common Mistakes

Using regex modifiers like ~ or ^~ for the root location.

The root location block uses / to match the base URL path.

2fill in blank

medium

Complete the code to define a nested location block that matches URLs starting with /images/.

Nginx

location / {
    location [1] {
        root /var/www/images;
    }
}

Drag options to blanks, or click blank then click option'

A/img/

B/pics/

C/images/

D/static/

Attempts:

3 left

💡 Hint

Common Mistakes

Using incorrect path prefixes like /img/ or /pics/.

The nested location block should match /images/ to serve image files.

3fill in blank

hard

Fix the error in the nested location block to correctly match URLs ending with .php.

Nginx

location /app/ {
    location [1] {
        fastcgi_pass unix:/var/run/php-fpm.sock;
    }
}

Drag options to blanks, or click blank then click option'

A^~ \.php$

B/\.php/

C~* \.php$

D~ \.php$

Attempts:

3 left

💡 Hint

Common Mistakes

Using unescaped dots or wrong regex modifiers.

The ~ \.php$ syntax defines a case-sensitive regex to match URLs ending with .php.

4fill in blank

hard

Fill both blanks to create a nested location block that matches /api/ and proxies requests to a backend server.

Nginx

location [1] {
    location [2] {
        proxy_pass http://backend_server;
    }
}

Drag options to blanks, or click blank then click option'

A/api/

B/backend/

C/v1/

D/service/

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing up the outer and inner location paths.

The outer block matches /api/ and the inner nested block matches /v1/ for versioned API calls.

5fill in blank

hard

Fill all three blanks to define nested location blocks for /app/, /static/, and /images/ with appropriate root directories.

Nginx

location [1] {
    location [2] {
        root /var/www/static;
    }
    location [3] {
        root /var/www/images;
    }
}

Drag options to blanks, or click blank then click option'

A/app/

B/static/

C/images/

D/assets/

Attempts:

3 left

💡 Hint

Common Mistakes

Using incorrect paths or mixing root directories.

The outer block matches /app/. Inside it, nested blocks match /static/ and /images/ with their respective root directories.

Practice

1. What is the main purpose of using nested location blocks in an nginx configuration?

easy

A. To automatically update nginx software

B. To increase server hardware performance

C. To organize URL handling inside parent paths for clearer rules

D. To disable logging for specific URLs

Solution

1. Step 1: Understand the role of location blocks

   Location blocks define how nginx handles requests for specific URL paths.

2. Step 2: Recognize the benefit of nesting

   Nested location blocks allow specific rules for sub-paths without repeating the parent path, making configuration clearer.

3. Final Answer:

   To organize URL handling inside parent paths for clearer rules -> Option C

4. Quick Check:

   Nested location blocks = organize URL handling [OK]

Hint: Nested blocks group URL rules under parent paths [OK]

Common Mistakes:

• Thinking nested blocks improve hardware speed
• Confusing nested blocks with software updates
• Assuming nested blocks disable logging

2. Which of the following is the correct syntax to define a nested location block inside location /app/ in nginx?

easy

A. location /app/ { location api/ { proxy_pass http://backend; } }

B. location /app/ { location /appapi/ { proxy_pass http://backend; } }

C. location /app/ { location /app/api/ { proxy_pass http://backend; } }

D. location /app/ { location /api/ { proxy_pass http://backend; } }

Solution

1. Step 1: Check nested location path relative to parent

   Nested location inside location /app/ should define sub-paths relative to /app/, so api/ without leading slash is correct.

2. Step 2: Validate syntax correctness

   location /app/ { location api/ { proxy_pass http://backend; } } uses location api/ inside location /app/, which is valid and clear.

3. Final Answer:

   location /app/ { location api/ { proxy_pass http://backend; } } -> Option A

4. Quick Check:

   Nested path is relative and omits leading slash [OK]

Hint: Nested location paths omit parent prefix and leading slash inside block [OK]

Common Mistakes:

• Repeating full parent path in nested location
• Missing leading slash in nested path
• Combining parent and child paths incorrectly

3. Given this nginx config snippet:

location /shop/ {
  root /var/www/html;
  location /cart/ {
    proxy_pass http://cart_backend;
  }
}

What happens when a user requests /shop/cart/view?

medium

A. Request serves static file /var/www/html/shop/cart/view

B. Request is proxied to http://cart_backend/view

C. Request returns 404 Not Found

D. Request is proxied to http://cart_backend/shop/cart/view

Solution

1. Step 1: Identify matching location block

   Request /shop/cart/view matches nested location /cart/ inside location /shop/.

2. Step 2: Understand proxy_pass behavior

   Proxy_pass inside nested block forwards request path after /cart/, so /view is sent to http://cart_backend.

3. Final Answer:

   Request is proxied to http://cart_backend/view -> Option B

4. Quick Check:

   Nested proxy_pass strips matched prefix [OK]

Hint: Nested proxy_pass forwards sub-path after nested location [OK]

Common Mistakes:

• Assuming static file serving instead of proxy
• Including full original path in proxy_pass
• Expecting 404 due to nested block

4. Identify the error in this nginx config snippet:

location /api/ {
  location /v1/ {
    proxy_pass http://api_v1_backend;
  }
  location /v2/ {
    proxy_pass http://api_v2_backend;
  }
}

medium

A. Nested location blocks cannot be used inside another location

B. No error; configuration is valid

C. proxy_pass URLs must include trailing slash

D. Nested location paths should not start with a slash

Solution

1. Step 1: Recall nested location path syntax

   Nested location paths inside a parent location should be relative and not start with a slash.

2. Step 2: Check given nested paths

   Nested locations use /v1/ and /v2/ starting with slash, which is incorrect.

3. Final Answer:

   Nested location paths should not start with a slash -> Option D

4. Quick Check:

   Nested paths omit leading slash [OK]

Hint: Nested location paths omit leading slash [OK]

Common Mistakes:

• Thinking nested locations are disallowed
• Believing proxy_pass must have trailing slash
• Assuming config is valid as is

5. You want to serve static files from /var/www/app for /app/ URLs, but proxy API requests under /app/api/ to http://api_backend. Which nested location block setup is correct?

hard

A. location /app/ { root /var/www/app; location api/ { proxy_pass http://api_backend; } }

B. location /app/ { root /var/www/app; location /api/ { proxy_pass http://api_backend; } }

C. location /app/ { root /var/www/app; location /app/api/ { proxy_pass http://api_backend; } }

D. location /app/ { root /var/www/app; location /appapi/ { proxy_pass http://api_backend; } }

Solution

1. Step 1: Set root for /app/ static files

   Use root /var/www/app; inside location /app/ to serve static files.

2. Step 2: Define nested location for API proxy

   Nested location for /app/api/ should be location api/ without leading slash inside location /app/.

3. Step 3: Verify proxy_pass target

   Proxy_pass points to http://api_backend correctly.

4. Final Answer:

   location /app/ { root /var/www/app; location api/ { proxy_pass http://api_backend; } } -> Option A

5. Quick Check:

   Nested path omits /, root set for static, proxy for api [OK]

Hint: Nested location paths omit leading slash; root applies to parent [OK]

Common Mistakes:

• Repeating full path in nested location
• Using leading slash in nested location
• Misplacing root directive inside nested block