如何使用 Express 发送 HTML 文件

在 Express 中，我们可以很方便地发送 HTML 文件给浏览器。下面是一些介绍如何以及为什么要这样做的实用信息。

为什么要发送 HTML 文件？

发送 HTML 文件是一种常见的 Web 前端技术。当你开发一个 Web 应用的时候，通常需要向用户发送 HTML、CSS 和 JavaScript 文件来渲染页面和实现网页交互。这其中 HTML 文件是必不可少的，因为它定义了页面的结构和内容。

在 Express 中，我们可以使用 res.sendFile() 方法来发送 HTML 文件。这个方法可以将一个文件作为响应 body，让浏览器自动转化为可视化的页面。

如何发送 HTML 文件？

在 Express 中，我们需要先加载所需的模块，使用以下命令安装：

npm install express

接下来，我们创建一个 Express 应用程序，并加载所需的 HTML 文件：

const express = require('express');
const app = express();
const path = require('path');

app.get('/', (req, res) => {
    res.sendFile(path.join(__dirname, '/index.html'));
});

在上述代码中，我们定义了一个基本的 Express 应用程序，并使用 res.sendFile() 方法在请求根路由时加载 index.html 文件。

代码片段

const express = require('express');
const app = express();
const path = require('path');

app.get('/', (req, res) => {
    res.sendFile(path.join(__dirname, '/index.html'));
});

总结

在开发 Web 应用时，发送 HTML 文件是不可或缺的一步。在 Express 中，我们可以使用 res.sendFile() 方法来将 HTML 文件作为响应 body 发送给浏览器，从而实现页面渲染。

示例代码已经提供，你可以根据自己的需要对其做出修改并尝试使用。