如何在不使用Express的情况下从服务器发送静态文件

静态文件"/>

如何在不使用Express的情况下从服务器发送静态文件

我正在尝试构建仅在纯节点js上运行而没有express或其他程序包的Web应用程序。

我没有找到一种很好的方法来发送从服务器连接的多个文件。例如，发送已连接的html，css和js文件。现在，我只能发送html文件。

我有一个名为“ design”的文件夹，带有3个文件---> index.html，style.css，scipt.js

**我真的不在乎您使用哪种方法，我只想发送多于1个从服务器连接到客户端的文件。

谢谢：）！

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

const server = http.createServer((req,res)=>{
    if(req.url == '/')
    {
        const readStream = fs.createReadStream('./design/index.html');
        res.writeHead(200,{'Content-type': 'text/html'});
        readStream.pipe(res);

    }
});

server.listen('3000',()=>console.log("Connected Succesfully"));

默认情况下，如果能够向浏览器正确提供HTML，则HTML本身将请求它需要的任何CSS，JavaScript或资产文件！

问题是，当HTML请求这些文件时，例如/styles.css，服务器不知道该怎么办！

这就是为什么您需要为每个资产设置一个请求处理程序的原因：

const server = http.createServer((req,res)=>{
    if(req.url == '/') {
        const readStream = fs.createReadStream('./design/index.html');
        res.writeHead(200,{'Content-type': 'text/html'});
        readStream.pipe(res);

    }

    if (req.url == '/styles.css') {
        const readStream = fs.createReadStream('./design/styles.css');
        res.writeHead(200,{'Content-type': 'text/html'});
        readStream.pipe(res);
    }

    if (req.url == '/script.js') {
        const readStream = fs.createReadStream('./design/script.js');
        res.writeHead(200,{'Content-type': 'text/html'});
        readStream.pipe(res);
    }
});