实现 Nodejs int HTML/CSS

Question

我正在学习使用Nodejs进行后端开发。从我到目前为止所看到的来看，似乎没有办法将它与使用纯HTML和CSS构建的已经制作的网站集成。

有人告诉我，当在index.html没有 的情况下在本地运行文件时Nodejs，Web 浏览器会css自动处理 ，但是当使用节点时，如何同时显示html和css来显示？

我的文件有一个HTML页面和一个 href CSS。当尝试使用Nodejs发出请求并提供HTML页面服务时，它会显示没有样式的页面，并完全忽略CSS我在HTML.

我已经尝试过express()，ejs但是是否可以使用我已经在 HTML/CSS 中制作的内容？

这是源代码，任何解释都会有巨大的帮助：

const http =  require('http');//importing http

var fs = require('fs');//file stream

let handleRequest = (request, response) =>{

    response.writeHead(200,{

        'Content-type': 'text/html'

    });

    fs.readFile('./index.html', null, function(error, data){

        if(error){

            response.writeHead(404)

            response.write('File not found!');

        }else{

            response.write(data);

        }

        response.end();

    });

   console.log('request was made: ' + request.url);//logg all requests made

}

http.createServer(handleRequest).listen(3000);

Answer 1

如果你想在节点应用程序中渲染 html。你有很多方法可以做到这一点 1. 使用 ejs pug 等模板进行服务器端渲染您也可以使用不带模板的 html。但是你必须创建一个 /public 文件夹，并在其中使用 fs 模块从 app.js 选择 index.html 的路径只需使用 Node 来制作 api，然后使用 vainlila html 或 vue 等框架从客户端调用它我建议开始学习 Node.js 课程。