javascript - 如何从 Express 服务器加载源文件以在 HTML 文件中使用

标签 javascript node.js express network-programming

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

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

如何让index.html从服务器获取它需要的源文件?

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

我认为 Express 文档对初学者的解释不够好。

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

最佳答案

根据您基于 Express 的服务器端代码,只需将客户端使用的源文件(包括 HTML、CSS、Javascript)放在您的 /public 文件夹下即可。然后使用以下代码让express将其作为静态文件服务(代码来自 express doc ):

// 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 提供公共(public)文件夹:

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

关于javascript - 如何从 Express 服务器加载源文件以在 HTML 文件中使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27332555/

相关文章:

javascript - 我的程序遇到错误。错误是(我认为)正在更改图像的来源。

javascript - Angular 2 中相互冲突的重复组件

node.js - 中间件订购 express

Node.js 异步回调工厂

node.js - 当 react 客户端尝试获取数据时,如何解决 CORS 请求在 express.js 中未成功?

javascript - 选择框上的 jQuery 验证不起作用

javascript - Threejs 添加带有轨道控件的鼠标事件

javascript - mongoose 库需要 json,但无法从 Nodejs 生成动态的

javascript - 如何监听房间事件

javascript - SailsJS 填充通过套接字publishUpdate发送的属性