在 Express 中提供静态文件访问

Question

Express 有一个内置的 中间件 ，用于从目录中提供静态文件。 例如假设您有一个 public 文件夹，里面包含图像、CSS 和 HTML 等文件。

$ ls -l public/
total 48
-rw-r--r--  1 ubuntu  ubuntu   1666 Mar 12 14:17 home.css
-rw-r--r--@ 1 ubuntu  ubuntu  17092 Mar 12 14:17 logo.png
$ 

您可以 使用 express.static 中间件 可以通过 HTTP 访问此文件夹中的文件。

const express = require('express');

const app = express();
app.use(express.static('./public'));

app.listen(3000);

使用上面的脚本，你可以打开 http://localhost:3000/home.css 在浏览器中查看 CSS 文件。

提供 HTML 文件

static 中间件是您可以使用 Express 提供静态 HTML 文件的方式。 如果你有一个普通的 HTML 文件 test.html，您可以在浏览器中打开该文件，浏览器将呈现 HTML。

这意味着您可以使用 express.static() 托管整个前端 Web 应用程序，包括 JavaScript、CSS、图像和 HTML。