Javascript 如何使用node.js加载我的css和js文件

Javascript 如何使用node.js加载我的css和js文件,javascript,html,node.js,express,Javascript,Html,Node.js,Express,我已经看过很多类似的问题,但我无法让它发挥作用,所以我会自己问 我有这样一个文件夹: Source Code Frondend Graphs.html Graphs.css Temperature.js Server_Backend server.js 我想用node.js运行这些文件,如果需要,我还可以使用express 我在server.js中有以下内容来加载我的html: fs.readFile('../Frondend/Graphs.html',

我已经看过很多类似的问题,但我无法让它发挥作用,所以我会自己问

我有这样一个文件夹:

Source Code
  Frondend
    Graphs.html
    Graphs.css
    Temperature.js
  Server_Backend
    server.js
我想用node.js运行这些文件,如果需要,我还可以使用express

我在server.js中有以下内容来加载我的html:

fs.readFile('../Frondend/Graphs.html', function (err, html) {

    if (err) throw err;

    http.createServer(function(request, response) {
        response.writeHeader(200, {"Content-Type": "text/html"});
        response.write(html);
        response.end();
    }).listen(8080);
});
以下是我的html标题中的链接:

<script type="text/javascript" src="Temperature.js"></script>
<link rel="stylesheet" type="text/css" href="Graphs.css">


如何包括css和js文件?正如我所说,我已经尝试了很多东西,但似乎无法让它工作。

那么浏览器将做什么,在您发送html(您做得很好)后,它将查找
http://yourdomain.com/Temperature.js
http://yourdomain.com/Graphs.css
。要允许express向浏览器公开这些内容,express具有
express.static
功能

使用express时,您可以做的是

app.use(express.static('./Frondend'));
这将接收对您网站的任何请求,并检查
fronded
文件夹中是否有文件,如果有,将发送该文件


希望有意义:)

既然您是初学者,我会使用
express.js
。它使处理静态资产(css和javascript文件)等变得更加容易,并帮助您将请求路由到不同的代码部分(如/users、/files、/about)


要解决您的问题,最好是在查看它不起作用后再查看,但idk可能会出现其他问题,是否可能因为它位于不同的文件夹中而不起作用?从服务器后端,它首先需要返回到源代码,因为有fronded文件夹。