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文件夹。