nodejs静态服务器路由就报错

解决方案

当使用Node.js构建静态服务器时，如果路由出现报错，通常是因为文件路径错误、未正确处理请求或缺少必要的模块。解决此问题的首要步骤是确保文件路径正确，并且所有依赖项都已安装。检查代码逻辑是否能够正确匹配路由和返回资源。几种常见的解决方案及其代码实现。

方案一：检查文件路径与模块依赖

确认项目中是否正确引入了fs（文件系统模块）和path（路径解析模块）。以下是一个基础的静态服务器代码示例：

javascript
const http = require('http');
const fs = require('fs');
const path = require('path');</p>

<p>const server = http.createServer((req, res) => {
    let filePath = './public' + req.url;
    if (filePath === './public/') {
        filePath += 'index.html'; // 默认主页
    }</p>

<pre><code>const extname = String(path.extname(filePath)).toLowerCase();
const mimeTypes = {
    '.html': 'text/html',
    '.js': 'text/javascript',
    '.css': 'text/css',
    '.json': 'application/json',
    '.png': 'image/png',
    '.jpg': 'image/jpg'
};

const contentType = mimeTypes[extname] || 'application/octet-stream';

fs.readFile(filePath, (err, content) => {
    if (err) {
        if (err.code === 'ENOENT') {
            fs.readFile('./public/404.html', (err, content) => {
                res.writeHead(404, { 'Content-Type': 'text/html' });
                res.end(content, 'utf-8');
            });
        } else {
            res.writeHead(500);
            res.end(`Server Error: ${err.code}`);
        }
    } else {
        res.writeHead(200, { 'Content-Type': contentType });
        res.end(content, 'utf-8');
    }
});

});

server.listen(3000, () => {
console.log('Server running at http://localhost:3000/');
});

在这个例子中，我们通过fs.readFile读取文件内容并返回给客户端。如果文件不存在，则返回404页面；如果发生其他错误，则返回500状态码。

方案二：使用express框架简化路由管理

对于更复杂的项目，推荐使用Express框架来简化路由管理和静态文件服务。以下是使用Express创建静态服务器的代码：

javascript
const express = require('express');
const path = require('path');</p>

<p>const app = express();</p>

<p>// 设置静态文件目录
app.use(express.static(path.join(__dirname, 'public')));</p>

<p>// 处理404错误
app.use((req, res, next) => {
    res.status(404).sendFile(path.join(__dirname, 'public', '404.html'));
});</p>

<p>// 启动服务器
app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

在这里，我们利用Express内置的express.static中间件快速设置静态文件目录。同时自定义了404错误处理函数，以提供更好的用户体验。