app.all and app.use for catch-all in Express - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a catch-all route using app.all.

Express

app.[1]('*', (req, res) => {
  res.send('Catch-all route');
});

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

Aall

Buse

Cget

Dpost

Attempts:

3 left

💡 Hint

Common Mistakes

Using app.get or app.post which only handle specific HTTP methods.

Using app.use without specifying the path correctly.

app.all matches all HTTP methods for the given path, making it perfect for catch-all routes.

2fill in blank

medium

Complete the code to create a catch-all middleware using app.use.

Express

app.[1]((req, res) => {
  res.status(404).send('Not Found');
});

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

Aall

Bpost

Cget

Duse

Attempts:

3 left

💡 Hint

Common Mistakes

Using app.all instead of app.use for middleware.

Specifying a path when you want a catch-all middleware.

app.use without a path acts as a catch-all middleware for any request not handled earlier.

3fill in blank

hard

Fix the error in the catch-all route that should handle all HTTP methods for any path.

Express

app.[1]('*', (req, res) => {
  res.send('This is a catch-all route');
});

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

Aall

Buse

Cget

Dpost

Attempts:

3 left

💡 Hint

Common Mistakes

Using app.use with a path, which does not behave as a route handler.

Using app.get or app.post which only handle specific methods.

app.all is the correct method to handle all HTTP methods on a route.

4fill in blank

hard

Fill both blanks to create a catch-all middleware that sends a 404 status and message.

Express

app.[1]((req, res) => {
  res.status([2]).send('Page not found');
});

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

Ause

Ball

C404

D500

Attempts:

3 left

💡 Hint

Common Mistakes

Using app.all instead of app.use for middleware.

Sending status 500 which means server error, not 'not found'.

app.use adds middleware. Sending status 404 means the page was not found.

5fill in blank

hard

Fill all three blanks to create a catch-all route that logs the method, path, and sends a 404 response.

Express

app.[1]('*', (req, res) => {
  console.log(req.[2], req.[3]);
  res.status(404).send('Not Found');
});

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

Aall

Bmethod

Cpath

Durl

Attempts:

3 left

💡 Hint

Common Mistakes

Using req.url instead of req.path which includes query strings.

Using app.use instead of app.all for route handlers.

app.all handles all methods. req.method and req.path give the HTTP method and path requested.