NODE.JS 如何使用 node.js 显示位于名为 CSS 的文件夹内的我的 css 文件，其中我的 server.js 和 index.html 在文件夹外

Posted 2023-03-08

【中文标题】NODE.JS 如何使用 node.js 显示位于名为 CSS 的文件夹内的我的 css 文件，其中我的 server.js 和 index.html 在文件夹外

【英文标题】：NODE.JS how to show my css file which is inside the folder called CSS using node.js where my server.js and index.html is outside the folder

【发布时间】：2018-05-09 08:07:18

【问题描述】：

所以，我是 node js 的新手。我的文件夹是这样的

NODE //my main folder here

          ->CSS //this is a folder
          ->IMAGES //this is a folder
          ->node_modules //this is a folder where intalled npms are stored
          ->index.html
          ->server.js

我希望使用node.js 在我的index.html 中显示位于CSS folder 内的style.css。

感谢您的帮助

【问题讨论】：

您能否提供一些您的节点代码，以便我们了解您的系统是如何工作的？

我见过的大多数 Node 应用程序都将服务器文件与浏览器/客户端文件分开。客户端文件将全部存在于名为 public 或 client 或类似名称的文件夹下。因此，例如，public 中有 HTML 文件，public/css 中有 CSS 文件，public/js 中有 JS 文件，等等。

【参考方案1】：

在 index.html 中

<link rel="stylesheet" href="style.css">

在 server.js 中包含 CSS 目录：

app.use(express.static(path.join(__dirname, 'CSS')));

【参考方案2】：

最佳做法是在主目录中创建公用文件夹。它应该包含命令所需的所有 css、js、assets 文件夹。之后在您的服务器文件上。

app.use(express.static('public'))

对于您的情况，您可以使用：

app.use(express.static('CSS'))

之后，您可以像在普通 html 文件中那样直接链接 css 或任何其他公共文件。