主页 / 问题 / 943567
Accepted
Air
Asked:2020-02-11 22:00:15 +0000 UTC2020-02-11 22:00:15 +0000 UTC

如何告诉 NODEJS 服务器不仅要读取 html，还要读取 css 和 js？

  • 772

我想马上说明我知道 experss 模块的存在，我不感兴趣

我有一个简单的服务器：

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

const server = http.createServer()

server.on('request', (req, res)=>{
    console.log(req.url);
    res.writeHead(200, { 'content-type': 'text/html; charset=utf-8' });
    fs.readFile('./frontend/index.html', (err, content) => {
        res.write(content);

        res.end();

    })
});

server.listen(8888);

这里html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test NodeJS && Webpack</title>
    <base href="./" />
    <link rel="stylesheet" href="css.css" />
</head>
<body>
    <header>
        <h1>Site</h1>
    </header>
    <main>Main</main>
    <footer>Footer</footer>
    <script src="js.js"></script>
</body>
</html>

此服务器仅读取 html...

我如何阅读CSS和JS文件？？？

另一个问题是这个。在这里使用模块是否正确fs？

在此处输入图像描述

node.js

1 个回答

  1. Best Answer

    一旦我使用了这个选项，我认为它会很有用。

     ...
 fs.readFile('./' + request.url, function(err, data) {
     if (!err) {
         var dotoffset = request.url.lastIndexOf('.');
         var mimetype = dotoffset == -1
              ? 'text/plain'
              : {
                 '.html' : 'text/html',
                 '.ico'  : 'image/x-icon',
                 '.jpg'  : 'image/jpeg',
                 '.png'  : 'image/png',
                 '.gif'  : 'image/gif',
                 '.css'  : 'text/css',
                 '.js'   : 'text/javascript',
                 '.map'  : 'text/javascript'
                  }[ request.url.substr(dotoffset) ];
                    response.setHeader('Content-type' , mimetype);
                    response.end(data);
                } else {
                    console.log ('file not found: ' + request.url);
                    response.writeHead(404, "Not Found");
                    response.end();
                }
    });
    • 2

相关问题