При создании веб-приложений с помощью Express.js обычным требованием является предоставление статических файлов, таких как HTML, CSS, JavaScript, изображений и других ресурсов. В этой статье мы рассмотрим различные методы обслуживания статических файлов в Express, сопровождаемые примерами кода. Независимо от того, являетесь ли вы новичком или опытным разработчиком, это подробное руководство поможет вам понять различные подходы и выбрать тот, который лучше всего соответствует вашим потребностям.

Метод 1: использование промежуточного программного обеспечения express.static
Самый простой способ обслуживания статических файлов в Express — использование встроенного промежуточного программного обеспечения express.static. Эта функция промежуточного программного обеспечения принимает на вход путь к каталогу и обслуживает файлы в этом каталоге.

const express = require('express');
const app = express();
app.use(express.static('public'));
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

Метод 2: указание другого базового URL-адреса
Если вы хотите обслуживать статические файлы по другому URL-адресу вместо корневого, вы можете указать путь монтирования в качестве первого аргумента для express.static.

app.use('/assets', express.static('public'));

Метод 3: несколько статических каталогов
Чтобы обслуживать статические файлы из нескольких каталогов, вы можете вызвать express.staticнесколько раз, каждый раз с разным путем к каталогу.

app.use(express.static('public'));
app.use(express.static('uploads'));

Метод 4: настройка параметров
Функция express.staticтакже позволяет настроить ее поведение, передав объект параметров в качестве второго аргумента. Например, вы можете установить разный максимальный срок управления кэшем для разных типов файлов.

app.use(express.static('public', { maxAge: '1d' }));

Метод 5: Обслуживание файлов из модулей Node.
Если вам нужно обслуживать статические файлы из модуля Node, вы можете использовать промежуточное программное обеспечение express.staticс node_modulesмодуля. путь.

app.use('/vendor', express.static('node_modules/bootstrap/dist'));

Обслуживание статических файлов в Express — фундаментальный аспект веб-разработки. В этой статье мы рассмотрели различные методы выполнения этой задачи, в том числе использование промежуточного программного обеспечения express.static, указание другого базового URL-адреса, обслуживание файлов из нескольких каталогов, настройку параметров и обслуживание файлов из модулей Node. Понимая эти методы и примеры их кода, вы сможете эффективно использовать статические файлы в своих приложениях Express.js.