How can you serve static files using Express?

Question

Ravi Vishwakarma · Answer

You can serve static files (like HTML, CSS, JS, images, etc.) in Express using the built-in middleware
express.static.
Basic Setup:
const express = require('express');
const app = express();
// Serve static files from the "public" folder
app.use(express.static('public'));
app.listen(3000, () =andgt; {
  console.log('Server running on http://localhost:3000');
});
Example Folder Structure:
project/
├── public/
│   ├── index.html
│   ├── style.css
│   └── script.js
└── app.js
With this setup:
http://localhost:3000/index.html serves the index.html file.
http://localhost:3000/style.css serves the CSS file, etc.
You can also mount it at a specific route:
app.use('/static', express.static('public'));
Now your files will be accessible like:
http://localhost:3000/static/index.html
and 
Also Read: How do you define a route in Express?

interview

How can you serve static files using Express?

Ravi Vishwakarma

Can you answer this question?

1 Answers

Liked By