proxy_pass directive in Nginx - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to forward requests to the backend server.

Nginx

location /api/ {
    proxy_pass [1];
}

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

Alisten 8080

Broot /var/www/html

Cserver_name backend

Dhttp://backend:8080

Attempts:

3 left

💡 Hint

Common Mistakes

Using directives like listen or server_name instead of a URL.

Omitting the protocol (http://) in the URL.

The proxy_pass directive sets the address of the backend server to which requests are forwarded.

2fill in blank

medium

Complete the code to forward requests to HTTPS backend.

Nginx

location /secure/ {
    proxy_pass [1];
}

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

Aftp://backend:443

Bhttp://backend:443

Chttps://backend:443

Dbackend:443

Attempts:

3 left

💡 Hint

Common Mistakes

Using http:// instead of https:// for secure backend.

Leaving out the protocol entirely.

To forward requests to a secure backend, use https:// in the proxy_pass URL.

3fill in blank

hard

Fix the error in the proxy_pass directive to correctly forward to backend.

Nginx

location /app/ {
    proxy_pass [1];
}

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

Ahttp://backend/app/

Bhttp://backend/

Cbackend/app

Dhttp://backend/app

Attempts:

3 left

💡 Hint

Common Mistakes

Omitting the trailing slash causes incorrect URI forwarding.

Using relative paths without protocol.

Adding a trailing slash in proxy_pass preserves the URI path correctly when forwarding.

4fill in blank

hard

Fill both blanks to forward requests and set the Host header correctly.

Nginx

location /service/ {
    proxy_pass [1];
    proxy_set_header Host [2];
}

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

Ahttp://backend:9000

B$host

Cbackend

Dhttps://backend:9000

Attempts:

3 left

💡 Hint

Common Mistakes

Using https:// without backend support.

Setting Host header to a fixed string instead of $host.

proxy_pass sets the backend URL, and proxy_set_header Host $host; forwards the original Host header.

5fill in blank

hard

Fill all three blanks to forward requests, set Host header, and disable SSL verification.

Nginx

location /api/ {
    proxy_pass [1];
    proxy_set_header Host [2];
    proxy_ssl_verify [3];
}

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

Ahttps://backend:8443

B$host

Coff

Don

Attempts:

3 left

💡 Hint

Common Mistakes

Forgetting to disable SSL verification when backend uses self-signed cert.

Setting Host header to a fixed string instead of $host.

Use https:// URL for secure backend, keep original Host header with $host, and disable SSL verification with off.

Practice

1. What is the primary purpose of the proxy_pass directive in an Nginx configuration?

easy

A. To block incoming requests based on IP address

B. To serve static files directly from Nginx

C. To forward client requests to another server

D. To rewrite URLs within the same server

Solution

1. Step 1: Understand the role of proxy_pass

   The proxy_pass directive is used to send client requests received by Nginx to another server, often called a backend or upstream server.

2. Step 2: Compare with other options

   Serving static files is done by root or alias, blocking IPs uses deny, and URL rewriting uses rewrite. These are different from proxy_pass.

3. Final Answer:

   To forward client requests to another server -> Option C

4. Quick Check:

   proxy_pass forwards requests [OK]

Hint: Remember: proxy_pass sends requests to another server [OK]

Common Mistakes:

• Confusing proxy_pass with static file serving
• Thinking proxy_pass blocks requests
• Mixing proxy_pass with URL rewriting

2. Which of the following is the correct syntax to forward all requests from /app/ to http://backend.local/ using proxy_pass inside a location /app/ block?

easy

A. proxy_pass http://backend.local/;

B. proxy_pass http://backend.local/app/;

C. proxy_pass backend.local;

D. proxy_pass http://backend.local

Solution

1. Step 1: Understand proxy_pass URL format

   The URL in proxy_pass must include the scheme (http://) and a trailing slash if you want to replace the matching part of the request URI.

2. Step 2: Analyze options

   proxy_pass http://backend.local/; uses http://backend.local/ with trailing slash, which correctly forwards requests replacing /app/ with /. proxy_pass http://backend.local/app/; appends /app/ again, causing duplication. proxy_pass backend.local; lacks scheme, invalid syntax. proxy_pass http://backend.local misses trailing slash, causing different URI handling.

3. Final Answer:

   proxy_pass http://backend.local/; -> Option A

4. Quick Check:

   Correct proxy_pass URL includes scheme and trailing slash [OK]

Hint: Always include scheme and trailing slash for correct URI mapping [OK]

Common Mistakes:

• Omitting http:// scheme
• Missing trailing slash causing URI errors
• Appending location path twice

3. Given this Nginx config snippet:

location /api/ {
    proxy_pass http://backend.local/;
}

If a client requests /api/users, what will be the proxied request URI sent to http://backend.local?

medium

A. /api/users

B. /users

C. /

D. /api/

Solution

1. Step 1: Understand URI replacement with trailing slash

   When proxy_pass URL ends with a slash, Nginx replaces the matching part of the request URI (/api/) with the path in proxy_pass (which is / here).

2. Step 2: Apply to example

   Request URI /api/users has /api/ replaced by /, resulting in /users sent to backend.

3. Final Answer:

   /users -> Option B

4. Quick Check:

   Trailing slash in proxy_pass replaces matching location path [OK]

Hint: Trailing slash means replace matching URI part [OK]

Common Mistakes:

• Assuming original URI is sent unchanged
• Confusing with proxy_pass without trailing slash
• Thinking /api/ prefix remains in proxied URI

4. You have this Nginx config:

location /service/ {
    proxy_pass http://backend.local/service/;
}

Clients report 404 errors from backend for requests like /service/data. What is the likely cause?

medium

A. proxy_pass URL duplicates the /service/ path causing wrong backend URI

B. Missing trailing slash in proxy_pass URL

C. Backend server is down

D. Nginx location block syntax error

Solution

1. Step 1: Analyze proxy_pass with matching location

   When proxy_pass URL includes the same path as location, Nginx appends the full request URI after it, causing duplication.

2. Step 2: Understand effect on backend URI

   Request /service/data becomes /service/service/data at backend, likely causing 404 errors.

3. Final Answer:

   proxy_pass URL duplicates the /service/ path causing wrong backend URI -> Option A

4. Quick Check:

   Duplicated path in proxy_pass causes 404 [OK]

Hint: Avoid repeating location path in proxy_pass URL [OK]

Common Mistakes:

• Ignoring duplicated path in proxy_pass
• Assuming backend down without checking URI
• Confusing missing slash with duplicated path

5. You want to forward requests from /app/ to http://backend.local/ but keep the original /app/ prefix in the proxied URI. Which proxy_pass configuration achieves this?

hard

A. proxy_pass http://backend.local/;

B. proxy_pass http://backend.local/app/

C. proxy_pass http://backend.local/app;

D. proxy_pass http://backend.local;

Solution

1. Step 1: Understand proxy_pass without trailing slash

   If proxy_pass URL has no trailing slash, Nginx appends the full original request URI after the host.

2. Step 2: Apply to example

   Using proxy_pass http://backend.local; inside location /app/ sends requests like /app/data as http://backend.local/app/data, preserving the prefix.

3. Final Answer:

   proxy_pass http://backend.local; -> Option D

4. Quick Check:

   No trailing slash keeps original URI prefix [OK]

Hint: No trailing slash keeps full original URI [OK]

Common Mistakes:

• Adding trailing slash removes original prefix
• Appending /app/ twice causing duplication
• Missing scheme in proxy_pass URL