如何从快速服务器加载源文件以在 HTML 文件中使用

How to load source files from Express server for use in HTML file

本文关键字：HTML 文件 源文件 加载 服务器      更新时间：2023-09-26

所以我最近开始使用Express和 Socket.io 学习Node.js，并且正在制作一个Web应用程序（游戏）。

我有一个/public文件夹，我正在尝试使用它来提供客户端需要的文件。我习惯于通过在索引文件中使用多个<script src=whateverpath></script>来定义我的页面需要哪些源文件.html。

如何编制索引.html从服务器获取所需的源文件？

我认为我要做的是将所需的文件发送到客户端，然后以某种方式"存储"它们并.html使用 <script src=path to wherever they are stored></script> 从索引访问它们。

我觉得 Express 文档解释得不够好，初学者无法理解。

不太确定我想要或寻找什么。我不知道我不知道什么。=(

根据基于快速的服务器端代码，只需将客户端使用的源文件（包括HTML，CSS，Javascript）放在/public文件夹下即可。 然后使用以下代码让 Express 将其作为静态文件（来自 Express 文档的代码）提供：

// GET /foo.js etc
app.use(express.static(__dirname + '/public'));
// GET /static/foo.js etc.
app.use('/static', express.static(__dirname + '/public'));

根据您的index.html，使用：

<script src="/foo.js"></script>

或者，如果通过上下文/static提供公用文件夹，则这样做：

<script src="/static/foo.js"></script>

在您的服务器（通常是 server.js）上，您必须定义用于静态内容的文件夹，例如：

app.use(express.static(__dirname + '/public'));

您可以像往常一样访问文件：

<script src="/your_file_name.js"/>

相关文章：