Node.js 如何处理静态资源

在构建 Web 应用程序时，处理静态资源是至关重要的一环。Node.js 提供了多种有效的方式来处理静态资源，让网站的性能和用户体验得到优化。

可以使用 Node.js 内置的 http 模块来处理静态资源。通过创建一个简单的 HTTP 服务器，利用 fs 模块读取文件系统中的静态文件，并将其内容作为 HTTP 响应返回给客户端。例如，对于 HTML 文件，可以这样实现：

const http = require('http');
const fs = require('fs');

const server = http.createServer((req, res) => {
  if (req.url === '/') {
    fs.readFile('index.html', 'utf8', (err, data) => {
      if (err) {
        res.statusCode = 404;
        res.end('File not found');
      } else {
        res.setHeader('Content-Type', 'text/html');
        res.end(data);
      }
    });
  }
});

server.listen(3000, () => {
  console.log('Server running at port 3000');
});

不过，这种方式对于复杂的静态资源管理略显繁琐。

Express 框架则为处理静态资源提供了更便捷的解决方案。Express 是基于 Node.js 的流行 Web 应用框架，通过使用 express.static 中间件，能够轻松地将指定目录下的静态资源提供给客户端。比如，将名为 public 的文件夹设置为静态资源目录：

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

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

const port = 3000;
app.listen(port, () => {
  console.log(`Server running on port ${port}`);
});

这样，客户端就可以通过访问 http://localhost:3000/ 加上静态资源在 public 文件夹中的相对路径来获取相应资源。

另外，Koa 框架也是处理静态资源的一个不错选择。Koa 是一个轻量级的 Node.js 框架，使用 koa-static 中间件处理静态资源。示例代码如下：

const Koa = require('koa');
const static = require('koa-static');
const path = require('path');

const app = new Koa();
app.use(static(path.join(__dirname,'static')));

const port = 3000;
app.listen(port, () => {
  console.log(`Server running on port ${port}`);
});

通过这些方法，Node.js 开发者能够根据项目的需求灵活选择合适的方式来处理静态资源，从而提高应用程序的性能和开发效率。无论是简单的个人项目，还是复杂的企业级应用，都能找到有效的解决方案。