Question

我看过很多类似的问题，但是我无法解决它，所以我自己问一下

我有一个这样的文件夹：

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文件？正如我说的，我已经尝试了很多东西，但似乎无法使它正常工作。

Answer 1

因此，发送完html后，浏览器将执行什么操作（完美完成），它将查找http://yourdomain.com/Temperature.js和http://yourdomain.com/Graphs.css。为了允许express将这些内容公开给浏览器，express具有express.static功能。

使用快递时，您可以做的是

app.use(express.static('./Frondend'));

这会将任何请求发送到您的网站，并检查Frondend文件夹中是否有文件，如果有，则将发送该文件。

希望如此：）

Answer 2

由于您是初学者，所以我会使用express.js。它使处理静态资产（css和javascript文件）之类的内容变得更加容易，并且可以帮助您将请求路由到不同的代码部分（例如/ users，/ files，/ about）

要解决您的问题，最好是先看following information from express.js about static files后再看the getting started guide

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

2 个答案: