为什么以下文件路径正确....ejs ,nodejs

Question

我一直在尝试学习如何使用nodejs 制作一个简单的聊天应用程序 还有express、ejs、socket.io

下面是我克隆的一个工作仓库 https://github.com/ngrt/simpleChatApp

simplechatApp 的文件夹结构

app.js

观看次数

公开

观看次数

index.js

公开

聊天.js

style.js

这是 app.js 文件，我在其中渲染了 index.js 文件并使用了 public ..

现在问题出在第二张图片中...在 index.ejs 文件中
在这里，当我将它与另一个文件夹（即公用文件夹）中的外部 css 文件（style.css）链接时.....我怎么能写 href=style.css 我认为这不应该适用不同文件夹中的文件.....但它似乎工作

同样，当包含另一个文件夹的外部 chat.js 时，再次写入 src ="chat.js" 有效，但我再次认为它不应该适用于不同文件夹中的文件

有人可以解释一下这是如何工作的......这是我的第一个项目，所以我不太习惯这一切

Answer 1

看看中间件：

Middleware

middlewares

您可以在 app.js 文件中找到以下语句

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

上面一行的意思是：

在 Express 中提供静态文件。要提供静态文件，例如图像、CSS 文件和 JavaScript 文件，请使用 Express 中的 express.static 内置中间件函数。函数签名是：express。 static(root, [options]) root 参数指定提供静态资产的根目录。

通过使用中间件，我们可以访问 index.ejs 文件中的 style.css 和 chat.js 文件